这是 HTML 的结构:
<div class="agShowBox">
<div class="agEmpty"> </div>
<div class="agShowImgBox">
<div class="centerImg">
<div class="centerImg">
<div class="centerImg">
<div class="centerImg">
<div class="centerImg">
<div class="centerImg hideThis">
<div class="clearit"></div>
</div>
<div class="agRightArrow">
<img alt="next" src="images/arrow_right.png">
</div>
<div class="clearit"></div>
</div>
这是我的 jQuery 代码:
$("#agMidBox").on('click', '.agRightArrow', function() {
$(this).siblings(".agShowImgBox").children(".centerImg:lt(6)").addClass("hideThis");
$(this).siblings(".agShowImgBox").children(".centerImg:gt(5)").removeClass("hideThis");
});
问题是我无法从类 agShowImgBox
内的 6th div 中删除类 hideThis
。
这段代码应该是这样做的,对吧
$(this).siblings(".agShowImgBox")
.children(".centerImg:gt(5)")
.removeClass("hideThis");
添加类是有效的。但不删除类(class)。
最佳答案
:gt()是零基础的。 :gt(5)
将匹配第六个元素之后的元素,但不会匹配第六个元素本身。
你应该写:
$(this).siblings(".agShowImgBox")
.children(".centerImg:gt(4)")
.removeClass("hideThis");
关于javascript - 兄弟 div 上的 removeClass 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19177528/