帮助JQuery选择器:not(:last)

前端之家收集整理的这篇文章主要介绍了帮助JQuery选择器:not(:last)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图选择除最后一个子弹之外的所有子弹,但是我做错了事情。

这是我的html

<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>

<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>


<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>

和我的jQuery:

jQuery('ul li:not(:last)').append(" | ");

然而,它将管道添加到每个子弹…

解决方法

因为你的html包含多个无序列表,所以$(‘ul li’)会在所有的< ul>中选择每一个< li>。然后选择该列表中的最后一个元素。使用 :last-child,它获得最后的< li>在每个< ul> s中。
$('ul li:not(:last-child)').append(' | ');

http://jsfiddle.net/mattball/qmVdb/1/

猜你在找的jQuery相关文章