Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jquery中通过类选择子元素时,如何将每个直接子元素视为不同的元素?_Jquery - Fatal编程技术网

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