javascript - jQuery 代码仅触发一次

Question

我有 jQuery 代码，可以在单击时淡出 div。我有一个电子邮件列表，每个列表都有一个删除按钮，我想在单击时淡出该 div，但它只是淡出第一个 div。这是我的代码。

$(document).ready(function(){
   $( "#message-close" ).click(function() {
     $( "#messages-wrapper" ).fadeOut( "slow", function() {
     });
   });
});

例如，我有十个 div，每个 div 都包裹在 #messages-wrapper 中并使用 #message-close 按钮​​。但只有顶部 div 会淡出。

感谢您的帮助。

Answer 1

您需要使用 class 而不是 id (就像这样 $( ".messages-wrapper") )。因为唯一的 id 只能在页面上出现一次。如果您想隐藏所有 div，请不要使用 ID。例如:

$(document).ready(function(){ 
 $( "#message-close" ).click(function() {
  $( ".messages-wrapper" ).fadeOut( "slow");
 });
});