jquery选择它的孩子1个接一个？

2ic8powd 于 2023-06-22 发布在 jQuery

关注(0)|答案(2)|浏览(147)

这是我的HTML代码：

<ul id="menuDots">
    <li id="about1"><a href="#"><img class="bulletRoll" src="images/menu-dot.png" /><img src="images/menu-dot-rollover.png" /></a></li>
    <li id="about2"><a href="#"><img class="bulletRoll" src="images/menu-dot.png" /><img src="images/menu-dot-rollover.png" /></a></li>
    <li id="about3"><a href="#"><img class="bulletRoll" src="images/menu-dot.png" /><img src="images/menu-dot-rollover.png" /></a></li>
</ul>

我现在针对的是bulletRoll类，有没有jquery函数可以依次选择bulletRoll 1？假设我在第二个bulletRoll类上，那么我再次触发相同的函数，它将转到最近的前一个/下一个bulletRoll类？

jquery

来源：https://stackoverflow.com/questions/18040728/jquery-to-select-its-children-1-after-another

2条答案

按热度按时间

tuwxkamq1#

看看jQuery的.next()和.prev()函数。

var current = $("li:first");
if(current.next().length){ //for next. If next exists,
   current = current.next():
   trigger_function(current);
}
if(current.prev().length){ //Similarly for prev,
   current = current.prev():
   trigger_function(current);
}

赞(0）回复(0）举报 2023-06-22

8ljdwjyq2#

您可以使用jQuery's next和/或prev选择器来执行此操作。
例如

var next = $(this).next("li");
if (next.length){   // there is another li
   myfunction(next);  //trigger same function
}

对于您的用例，使用jQuery's each function可能更简单，因为它将迭代选择中的每个元素，而无需递归调用函数：

$("li").each(function(index, value){
   // do something with the element $(this)
});

赞(0）回复(0）举报 2023-06-22

我来回答

jquery选择它的孩子1个接一个？

2条答案

相关问题

热门标签

最新问答