cuốn sách gpt4 ai đã làm

jQuery 子>父>子

In lại Tác giả: Walker 123 更新时间:2023-11-28 09:40:35 26 4
mua khóa gpt4 Nike

我有这个 html 代码:


HELLO WORLD!
X





HELLO WORLD!
X



我想按 X(类关闭)将父 div 的高度更改为 20px 并显示 V(类打开),但在每个 div 中分别隐藏 X(类关闭)和类 im。然后按 V(类打开)将父 div 的高度更改为 220px 并显示 X,但隐藏 V。

所以我写了这段代码来做到这一点,但是当我按下 X 时,它显示了两个 V(类打开),但我只想显示其中一个,它在父级的 div 中:

$('.close').click(function(){ // click X makes
$(this).parent().css('height','20px'); // parent div's height = 20px
$(this).hide('fast'); //hide X
$('.open').show('fast');} //unhide V
);
$('.open').click(function() {
$(this).parent().css('height','220px');} // change height of parent div to 220px
$(this).hide('fast'); //hide V
$('.close').show('fast');} //unhide X
);

我怎样才能隐藏和显示 V 中的一个,它是父 div 的子级,而父级 div 是 X(类 .close)的父级。

câu trả lời hay nhất

bởi vì XV. 是 sibling ,您可以使用恰当命名的 siblings()phương pháp:

$(".close").click(function() {
$(this).parent().css("height", "20px")
.end().hide("fast")
.siblings(".open").show("fast");
});

$(".open").click(function() {
$(this).parent().css("height", "220px")
.end().hide("fast")
.siblings(".close").show("fast");
});

关于jQuery 子>父>子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7371402/

26 4 0
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress