Question

我有两个div部分parent，当我点击div keywordsubmit中的按钮.parent时，我想清空其邻居。但是以下代码不起作用：

   $('.parent').each(function() {    
    $(.keywordsubmit).click(function(e){         
      $(this).parent().siblings('#phpcom').empty();    
    });
   });

HTML code：

<div>

 <div class="parent">
  <select>
  <option>AAA</option>
  </select>
  <inputtype="text">
  <button type="submit" class="keywordsubmit">Submit</button>       
  <div class="area"></div>
 </div>

 <div class="parent">
  <select>
  <option>AAA</option>
  </select>
  <inputtype="text">
  <button type="submit" class="keywordsubmit">Submit</button>       
  <div class="area"></div>
 </div>

 <div id="phpcom">.............</div>

</div>

我也试过了closest()，next()，但似乎缺少了一些东西。任何帮助，将不胜感激。

Answer 1

$('.keywordsubmit').click(function(){
   $('#phpcom').empty();
});

Answer 2

试试这个

JSFIDDLE

$('.keywordsubmit').click(function(){
    greatParent = $(this).parents('.parent').parent();
    $("#phpcom",greatParent).empty();

});

Answer 3

这样做：

$('.keywordsubmit').click(function(){
   $(this).closest('.parent').next().empty();
});

Answer 4

请尝试以下代码，它可能会对您有所帮助

$('.parent').each(function() {    
$(.keywordsubmit).click(function(e){   
$('.parent').hide();  
$(this).parent().show();  
});
});

Answer 5

使用此JSFIDDLE

$('.keywordsubmit').click(function(){
$('.parent').hide();
$(this).parent().show();
});

清空整个邻居div部分

5 个答案: