javascript - 为什么我不能向这个 html 元素添加类？

Question

我试图在用户单击它时将其事件类添加到元素中。为什么它不起作用？语法有问题吗？

HTML 代码:

  <div class="accordion">
            <h3>a</h3>
            <p class="active">b</p>

            <h3>a</h3>
            <p>b</p>

            <h3>b</h3>
            <p>b</p>

            <h3>b</h3>
            <p>b</p>
        </div>

jQuery 代码:

jQuery(function($) {

    $('div.accordion').click(function(e) {
        e.preventDefault();
        $(this).addClass("active");
    });
});

我想要做的是当用户点击 h3 时，它将其下面的 p 标签设置为事件类

Answer 1

您需要将点击事件绑定(bind)到H3元素。还要确保删除以前的事件元素:

var $h3 = $('.accordion > h3').click(function(e) {
    e.preventDefault();
    $h3.next('p').removeClass('active');
    $(this).next('p').addClass('active');
});

演示:http://jsfiddle.net/2DB37/