Question

我有以下html：

 <ul class="    nav nav-tabs">
    <li class="active"><a href="#panel1" data-toggle="tab" class="active"><i class="fa fa-info-circle bold_blue"></i>&nbsp;<span class="bold_blue">Graphic User Interface (GUI)</span></a></li>
    <li><a href="#panel2" data-toggle="tab"><i class="fa fa-tablet bold_blue"></i>&nbsp;<span class="bold_blue">Sharing</span></a></li>
    <li><a href="#panel3" data-toggle="tab"><i class="fa fa-signal bold_blue"></i>&nbsp;<span class="bold_blue">Landing Page</span></a></li>
    <li><a href="#panel4" data-toggle="tab"><i class="fa fa-desktop bold_blue"></i>&nbsp;<span class="bold_blue">Device</span></a></li>
    <li><a href="#panel5" data-toggle="tab"><i class="fa fa-share bold_blue"></i>&nbsp;<span class="bold_blue">Internet</span></a></li>
</ul>

在页面加载时，我想向姐妹div添加一个类。

if( $("ul.nav-tabs li").hasClass('active') ){
     $(this).siblings().addClass('disabled');
    }

问题是$（this）的值返回为undefined。在这种情况下是否有办法获取引用的DOM元素？

感谢。

Answer 1

问题是该上下文中的this引用了window对象，而不是DOM元素。

$("ul.nav-tabs li.active").siblings().addClass('disabled');

示例：http://jsfiddle.net/ajy61vse/1

如何引用hasClass jquery方法的DOM元素？

1 个答案: