Код jQuery запускается только один раз

Question

У меня есть код jQuery, который исчезает при нажатии на div. У меня есть список списков электронной почты, в каждом из которых есть кнопка удаления, я хочу, чтобы вырезать div на клик, но это только исчезает из div. Вот мой код.

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

Скажем, например, у меня есть десять дивы, каждый завернутый в # Messages-обертке и с помощью кнопки # сообщение-близко. Но только верхний div исчезает.

Спасибо за любую помощь.

Answer 1

Для каждого div вам нужно использовать другой идентификатор.

$("#message-close").click(function(){}) вызывается, когда вы нажимаете на элемент с идентификатором message-close, а функция fadeOut нацеливает div на messages-wrapper ID.

Для каждой функции click необходимо нажать на соответствующий идентификатор, который вы хотите fadeOut(), и эти ID должны быть разными.

Answer 2

Вам нужно использовать класс вместо id (например, этот $ (".messages-wrapper")). Becouse уникальный идентификатор должен быть только один раз на странице. Если вы хотите скрыть все div, не используйте ID. Например:

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