Question

如何在特定元素（p＃标题）后删除最后三个项目（具有相同类别）？

<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>

谢谢！

Answer 1

试试这个：

$("p#heading").siblings(".txt").slice(-3).remove();

Answer 2

这会将.txt个元素after p#heading和slices与匹配集中的最后三个匹配。

$matchedElements = $('p#heading').nextAll('.txt').slice(-3);

Answer 3

您需要使用~选择器。

$(document).ready(function() {
    var allTxt = $('#heading ~ .txt');
    var toBeRemoved = allTxt.slice(allTxt.length - 3);
    toBeRemoved.remove();
});

jQuery删除特定元素后的最后三个元素

3 个答案: