在jquery中通过类选择子元素时,如何将每个直接子元素视为不同的元素?
我有两个或更多的街区在同一层。在这些块中,我有一些公共元素,但我想对每个子元素进行不同的处理在jquery中通过类选择子元素时,如何将每个直接子元素视为不同的元素?,jquery,Jquery,我有两个或更多的街区在同一层。在这些块中,我有一些公共元素,但我想对每个子元素进行不同的处理 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ let ro
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
let row_len = $(".parent-row>.row").length;
$(".parent-row>.row").each(function(index, element){
if(index < row_len) {
element.remove();
}
});
});
});
</script>
<div class="parent-row">
<div class="row">
A
</div>
</div>
<div class="parent-row">
<div class="row">
A
</div>
<div class="row">
A
</div>
</div>
<div class="parent-row">
<div class="row">
A
</div>
<div class="row">
A
</div>
<div class="row">
A
</div>
</div>
<button type="button">Reset</button>
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
让row_len=$(“.parent row>.row”).length;
$(“.parent row>.row”)。每个(函数(索引、元素){
如果(索引<行长度){
元素。移除();
}
});
});
});
A.
A.
A.
A.
A.
A.
重置
实际上,我想删除除块之外的.row元素的所有子元素
我想回来,因为:
<div class="parent-row">
<div class="row">
A
</div>
</div>
<div class="parent-row">
<div class="row">
A
</div>
</div>
<div class="parent-row">
<div class="row">
A
</div>
</div>
A.
A.
A.
要仅删除第一个,您可以将行的内容与下面的“A”进行比较
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
让row_len=$(“.parent row>.row”).length;
$(“.parent row>.row”)。每个(函数(索引、元素){
if($(element.html().trim()=='A'){
元素。移除();
}
});
});
});代码>
A.
A.
B
A.
B
C
重置
实际上,我想删除除第一个元素以外的所有元素
因此,您可以选择除第一个图元之外的所有图元:
$(".parent-row>.row:not(:first)")
$(文档).ready(函数(){
$(“按钮”)。在('click',函数(e){
$(“.parent row>.row:not(:first)”).remove();
});
});代码>
A.
B
C
重置
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
让row_len=$(“.parent row>.row”).length;
$(“.parent row>.row”)。每个(函数(索引、元素){
如果((索引<行长度)和&(索引!=0)){
元素。移除();
}
});
});
});
希望这就是你需要的
$("button").click(function(){
$(".parent-row>.row:not(:first)").remove();
});
或
火灾
A1
A1
A2
A1
A2
A3
plz再次检查hanks@Renzo Calla我只需要将==更改为=但是,假设有多个相同的元素,那么我想为所有要删除的元素添加一个类或属性,这样您就可以使用$(“.delete”).remove()
$("button").click(function(){
$(".parent-row>.row:not(:first)").remove();
});
$("button").click(function(){
$(".parent-row>.row").each(function(index, element){
if(index>0)
element.remove();
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
$("button").click(function(){
$(".parent-row .row:not(:first-child)").remove();
<button type="button">fire</button>
<div class="parent-row">
<div class="row">
A1
</div>
</div>
<div class="parent-row">
<div class="row">
A1
</div>
<div class="row">
A2
</div>
</div>
<div class="parent-row">
<div class="row">
A1
</div>
<div class="row">
A2
</div>
<div class="row">
A3
</div>
</div>