使用addClass（）添加一个元素

Question

我将addClass()的类添加到用户点击的元素

$('.question').click(function() {
    $(this).next('.answer').slideDown();
    $(this).addClass('open');
    $(this).next('.answer').siblings('.answer').slideUp();
    $(this).siblings('.question').removeClass('open');
});

这很好用。但现在我将使用class="open"获取元素，以便slideUp()得到以下答案。但我无法让它发挥作用。我试过了

$('.open').click(function() {
    $(this).next('.answer').slideUp();
    $(this).removeClass('open');
});

和

$('.open').on('click' function() {
    $(this).next('.answer').slideUp();
    $(this).removeClass('open');
});

你有什么建议吗？

Answer 1

由于您要动态更改类，因此需要使用事件委派来绑定点击

$(dodcument).on('click','.open', function() {
    $(this).next('.answer').slideUp();
    $(this).removeClass('open');
});