jquery删除列表中的按钮不适用于所有框

Question

我有一个列表，其中每个 li 都包含一个删除按钮，单击即可将其删除。我不知道为什么，但该按钮只能应用于列表中的第一项，而不能应用于其余的 li 框。想知道我哪里出错了。

以下是我的php代码脚本和javascript

foreach($biz_watchlist as $biz_watchlist1){
  echo '<li class="biz_watch">';
  echo '<table style="width:100%">';
  echo '<td style="width:50%">';
  echo $biz_watch_details['5'];
  echo ' | <a id="remove_watch">remove</a>';
  echo '</td>';
  echo '<td>';
  echo '<span style="float:right">'.$biz_watch_details['19'].'</span>';
  echo '</td>';
  echo '</table>';
  echo '</li>';
}

  <script type="text/javascript">
  $(document).ready(function(){
     $('#remove_watch').click(function(){
      $(this).closest('.biz_watch').fadeOut("slow");
     });
  });
  </script>

Answer 1

$('#remove_watch') 正在搜索 ID。这就是为什么您只获得第一个对象的结果。id 应该是唯一的。如果你想在多个地方使用它，请将其更改为类。

 echo ' | <a id="remove_watch">remove</a>';

应该是

 echo ' | <a class="remove_watch">remove</a>';

然后

$('.remove_watch').click(function(){