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

时间:2011-04-12 20:06:50

标签: jquery jquery-selectors

我正在尝试选择除最后一颗子弹之外的所有子弹,但我做错了。

这是我的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(" | ");

它正在为每个子弹添加管道但是......

1 个答案:

答案 0 :(得分:49)

由于您的html包含多个无序列表,$('ul li')将在所有<li>中选择每个<ul>。然后:last选择该列表中的最后一个元素。使用:last-child,其中<li>每个中的最后<ul>

$('ul li:not(:last-child)').append(' | ');

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