javascript - jquery click 具有相同类的元素

Question

我得到了元素列表，当我点击第一个时，其他 10 个元素也处于事件状态， 如何仅针对真正活跃的一个？ 这是我的 js 代码

$(document).ready(function() {
    $('.inspiration-row').on('click', function() {
        $('inspiration-block').toggleClass('shift-left shift-right');
        //$('.inspiration-block').toggleClass('span12 span8');
        $('.inspiration-right').toggleClass('span0 span2');
    });
});

Answer 1

按照这个 js fiddle 链接，您可以根据您的要求得到问题的答案。

JSFIDDLE

让我们考虑一下您的 html 页面中的 p 标记集。

<p class="active">If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
<p>Click me one!</p>
<p>Click me two!</p>
<p>Click me three!</p>
<p>Click me four!</p>

要处理事件 p 标签，请使用以下 jquery 代码

$(document).ready(function() {
  $("p").click(function(event) {
    $(event.target.tagName).not(this).removeClass("active");
    $(this).addClass("active");
  });
});

并将此类添加到您的 html 页面的 style 标记中。

.active {
  display: block;
  color: red;
}