javascript - 清空整个邻居 div 部分

Question

我有两个 div 部分 parent，当我单击任一 div.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();
});