javascript - 从第二个 div 中删除按钮，这将与第一个 div html,jquery 中的相同 id(class) 按钮

Question

我想删除 <button> .

例如删除第二个 <div>标签 <button>当我必须点击第二个 <div>标签 <button>喜欢<div class="demo2">

 <div class="demo1">
  <button id="btn1" class="btn1">Add1</button>
 </div>
 <div class="demo2">
   <button id="btn1" class="btn1">Add1</button>
 </div>
 <script src="jquery-3.1.1.min.js"></script><script>
      $(document).ready(function()
     {
        alert("aaa");
        $("#demo2 .btn1").remove();
     });
 </script>

我试试这个代码:

 <script>
      $(document).ready(function()       
      {
           $("#btn1").remove(); 
       });
</script>

它将首先删除 <button>但我想删除第二个 <div> 和 <button>

Answer 1

你需要 .demo2 而不是 #demo2 因为 demo2 是一个 class 并且不是 id

     
     $(document).ready(function()
     {
        alert("aaa");
        $(".demo2 .btn1").remove();
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="demo1">
        <button id="btn1" class="btn1">Add1</button>
     </div>
     <div class="demo2">
        <button id="btn1" class="btn1">Add2</button>
     </div>

这也可能有点复杂 cond=sider 你不知道重复的是哪个 id，在这种情况下你可以使用如下循环

$(document).ready(function()
     {
        $('.demo1 button').each(function(){
          var id = $(this).attr('id');
          $('.demo2 button').each(function() {
            if($(this).attr('id') === id) {
              $(this).remove();
            }
          })
        })
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="demo1">
        <button id="btn1" class="btn1">Add1</button>
        <button id="btn2" class="btn1">Add1</button>
     </div>
     <div class="demo2">
        <button id="btn1" class="btn">Add2</button>
         <button id="btn2" class="btn">Add2</button>
        <button id="btn3" class="btn">Add2</button>
     </div>