实际上我想删除除第一个元素之外的所有元素。
因此,您可以选择除第一个元素之外的所有元素:
$(".parent-row>.row:not(:first)")
$(document).ready(function () {
$("button").on('click', function (e) {
$(".parent-row>.row:not(:first)").remove();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent-row">
<div class="row">
A
</div>
</div>
<div class="parent-row">
<div class="row">
B
</div>
</div>
<div class="parent-row">
<div class="row">
C
</div>
</div>
<button type="button">Reset</button>
实际上,我想删除.row元素的所有子元素,除了一个块。
在这种情况下,您可以组合
:contains()
和
:not()
选择器:
$(".parent-row>.row:not(:contains(A))")
$(document).ready(function () {
$("button").on('click', function (e) {
$(".parent-row>.row:not(:contains(A))").remove();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent-row">
<div class="row">
A
</div>
</div>
<div class="parent-row">
<div class="row">
A
</div>
<div class="row">
B
</div>
</div>
<div class="parent-row">
<div class="row">
A
</div>
<div class="row">
B
</div>
<div class="row">
C
</div>
</div>
<button type="button">Reset</button>
如果,相反,你正在寻找你可能
.filter()
:
$(".parent-row>.row").filter((idx, ele) => ele.textContent.trim() != 'A').remove();
$(document).ready(function () {
$("button").on('click', function (e) {
$(".parent-row>.row").filter((idx, ele) => ele.textContent.trim() != 'A').remove();
});
});
<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>
<div class=“父行”>
<div class=“row”>
一
&L/DIV & GT;
&L/DIV & GT;
<div class=“父行”>
<div class=“row”>
一
&L/DIV & GT;
<div class=“row”>
乙
&L/DIV & GT;
&L/DIV & GT;
<div class=“父行”>
<div class=“row”>
一
&L/DIV & GT;
<div class=“row”>
乙
&L/DIV & GT;
<div class=“row”>
C
&L/DIV & GT;
&L/DIV & GT;
<button type=“button”>重置</按钮>