如何使用 Jquery 将类添加到触发器的上部元素？

Question

我正在研究 Jquery 手风琴的东西。我想向包含手风琴触发器 的 div 添加一个类。标签。你可以看看我的代码。当单击“日本经济衰退时尚视频”标题时，我想将“第一个”类名称添加到第一个“newsitems”类中。

        <!-- news items starts-->
        <div class="newsitems">
          <h3 class="business"> <a href="#" title="expand"><img src="images/expand_icon.gif" alt="collapse" class="collpase" /> Recession fashion in Japan Video</a> </h3>
          <p class="timestamp">0100hrs</p>
        </div>
        <!-- news items ends-->
        <!-- news items starts-->
        <div class="newsitems">
          <h3 class="sports"> <a href="#" title="expand"><img src="images/expand_icon.gif" alt="collapse" class="collpase" /> Murray survives five-set thriller at Wimbledon</a> </h3>
          <p class="timestamp">0100hrs</p>
        </div>
        <!-- news items ends-->

Answer 1

您正在寻找 closest 方法，该方法找到最里面的父级包含一个元素。

例如：

$('div.newsItems h3 a').click(function() { 
    $(this).closest('div.newsItems').addClass('first');
});

Answer 2

$('div.newsitems h3 a').click(function() {
    $(this).parent().parent().addClass('first');
});

Answer 3

此外，我们应该添加类似以下行的内容，以在单击另一个触发器后删除类：

var dropDown = $(this).parent().next().next(); /* This is configured for my script. Yours may be different*/
$('div.newsitems').not(dropDown).removeClass('first');

Answer 4

只是为了一个替代答案。

$('div.newsItems').click(function(e){
    if($(e.target).is("IMG")){
        $(this).addClass("first");
    }
}

编辑：将 if($(e.target).is("a")){ 更改为 IMG，正如 SLaks 指出的那样，我错过了那个标签。