1

如何在特定元素（p#heading）之后删除最后三个项目（具有相同的类）？

<p id="heading">HEADING</p>
<p class="txt"></p>
<p class="txt"></p>
<p class="txt"></p>
<p class="txt"></p>
<p class="txt"></p>
<p class="txt"></p>

已经谢谢了！

4

3 回答 3

2

尝试这个：

$("p#heading").siblings(".txt").slice(-3).remove();
于 2012-10-06T14:13:50.073 回答
2

这将匹配后面.txt的元素并将选择分割为匹配集中的最后三个。 p#heading

$matchedElements = $('p#heading').nextAll('.txt').slice(-3);​​
于 2012-10-06T14:18:22.453 回答
0

您需要使用~选择器。

$(document).ready(function() {
    var allTxt = $('#heading ~ .txt');
    var toBeRemoved = allTxt.slice(allTxt.length - 3);
    toBeRemoved.remove();
});​​
于 2012-10-06T14:29:16.583 回答