怎么了? “空时添加类”脚本

时间:2011-10-31 22:02:53

标签: jquery css tabs show-hide

我有以下脚本,但当addClass“tab2”为空时,li“上没有调用div

有人可以帮帮我吗?

<script type="text/javascript">
$(function(){
if($("div#tab2").html() != "")
{
$("li#spect").addClass("leftmax");
} 
});
</script>



<div class="content_container">

<ul class="tabs">
<li><a href="#tab1">TAB1</a></li>
<li id="spect"><a href="#tab2">TAB2</a></li>
<li><a href="#tab3">TAB3</a></li>
</ul>

<div class="tab_container">
<div id="tab1" class="tab_content"><h2>title<h2></div>
<div id="tab2" class="tab_content"></div>
<div id="tab3" class="tab_content"><h2>title<h2></div>
</div>

</div>

2 个答案:

答案 0 :(得分:2)

听起来你只想在div#tab2为空时添加该类。如果是这样,那么您的比较运算符中就会出现逻辑错误。这样做:

<script type="text/javascript">
$(function() {
    if ($("div#tab2").html() == "") {
        $("li#spect").addClass("leftmax");
    } 
});
</script>

答案 1 :(得分:2)

你正在测试“非空”。尝试:

if($("div#tab2").html() == "")