有什么方法可以遍历DOM中的一个圆?就像,当你到达列表的末尾时,它会回到起点?在jQuery中循环遍历?
下面是一个例子,这是不行的,但将有希望说明我想达到的效果:
<ul>
<li></li>
<li></li>
<li></li>
<li class="four"></li>
</ul>
$('li.four').next().addClass('one');
有什么方法可以遍历DOM中的一个圆?就像,当你到达列表的末尾时,它会回到起点?在jQuery中循环遍历?
下面是一个例子,这是不行的,但将有希望说明我想达到的效果:
<ul>
<li></li>
<li></li>
<li></li>
<li class="four"></li>
</ul>
$('li.four').next().addClass('one');
没有什么内置的,但你可以平凡写你自己的方法;
jQuery.fn.nextOrFirst = function (selector) {
var next = this.next.apply(this, arguments);
if (!next.length) {
var siblings = this.siblings();
if (selector) {
siblings = siblings.filter(selector);
}
next = siblings.first();
}
return next;
};
然后使用像(http://jsfiddle.net/sszRN/);
$('li.four').nextOrFirst().addClass('one');
不完全知道你是问什么,或者想在这里实现,但如果你只是想添加一个类的第一个元素,你可以做到这一点
遍历DOM寻父元素
找到该元素的第一个孩子 - 这样
$('li.four').parent().find(">:first-child").addClass('one');
我有时用
var $next = $($(this).next()[0] || $(this).prevAll().addBack()[0]);
是啊,疯狂:d
[链接] http://stackoverflow.com/questions/10004593/how-jquery-data-breaks-circular-reference – pl71