jQuery .hasClass，.closest()和$(this)

Question

如果子tr有特定的类，则我试图突出显示表的父类td > p。我有以下几点：

$(document).ready(function(){
    var $target = $('.flag-wrapper p').closest("tr");
    var $element = $('.flag-wrapper p').hasClass("selector-on");

    if ( $element ) {
        $target.addClass("marked-row");
    } else {
        // whatsoever
    }
});

http://jsfiddle.net/cZJca/1/

现在我的问题是，我不能只针对当前的tr。我试过使用$(this)，但据我所知，它不会在if语句中工作。

任何关于我应该如何进行这项工作的见解都将不胜感激。另外，我想使用.click()事件会更容易，但是我必须在页面加载时检查这个.hasClass()，而不是用户操作。

Answer 1

只需使用：

 $('.flag-wrapper p.selector-on').closest('tr').addClass("marked-row");

这会在.flag-wrapper中找到具有类.selector-on的所有.selector-on元素。然后获取每个匹配中最接近的tr，并添加.marked-row类。

在这里，它正在工作：http://jsfiddle.net/cZJca/6/

Answer 2

循环每一个，并分别处理它。

$('.flag-wrapper p').each(function(){
    var $this = $(this);
    var $target = $this.closest("tr");

    if($this.hasClass("selector-on")){
        $target.addClass("marked-row");
    } else {
        // whatsoever
    }
});

Answer 3

你只需要做

$('tr:has(.flag-wrapper p.selector-on)').addClass('marked-row');

小提琴

或

$('tr').has('.flag-wrapper p.selector-on').addClass('marked-row');

小提琴