jquery - 将类添加到祖父母没有“显示：无”样式的元素

Question

如果他的祖父母没有属性，则使用jQuery我想添加class到元素selectstyle="display:none"

html是这样的（这里我不想加class）：

<div style"display:none">
  <div>
    <div>
      <select></select>
    </div>
  </div>
</div>

在这里我想添加class到select元素：

<div>
  <div>
    <div>
      <select></select>
    </div>
  </div>
</div>

有没有可能这样做？

Answer 1

试试这个（祖父母）：

$('select').each(function(){
    var grandparent = $(this).parent().parent();
    if(grandparent.is(':visible')) { //grandparent is not hidden
       // do something
    }
    else {
       // do something else
    }
});

试试这个（对于曾祖父母）：

$('select').each(function(){
    var g_grandparent = $(this).parent().parent().parent();
    if(g_grandparent.is(':visible')) { //great-grandparent is not hidden
       // do something
    }
    else {
       // do something else
    }
});

Answer 2

或这个

$("select").filter(function(){
    return $(this).parent().parent().parent().is(":visible");
}).addClass("visible");

http://jsfiddle.net/2Qu7r/

Answer 3

首先添加缺少的等号：

style="display:none"

那么你可以这样做：

$('select').addClass(function() {
    return $(this).parents().eq(2).is(':visible') ? 'myClass' : '';
});

小提琴

Answer 4

这个怎么样？这会找到选择的曾祖父母，检查可见性，然后为您将新类添加到选择中：

var element = $("select").parent().parent().parent();
if(element.is(":visible")) {
    element.find("select").addClass("new-added-class");
}

在JSFIDDLE上查看