清空整個鄰居div部分

Question

我有兩個div parent節，當我單擊任一.parent keywordsubmit按鈕時，我想清空其鄰居。 但是以下代碼不起作用：

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

HTML代碼：

<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();
});