0

这是jQuery代码:

$('.top:last-child').css({'color':'red'});

为了证明选择器有效,我尝试了:

$('.top:last-child').hide();

它正在工作。

这是html代码

<table class="topMenu" cellpadding="0" cellspacing="0"><tr><td class="top"  id="tm_active" >
    <a href="http://www.********/member.php"   class="top_link"><span class="down" style="font-weight:normal;">Startpagina</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.******/"   class="top_link"><span class="down" style="font-weight:normal;">Mijn Profiel</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.******/search.php?show=match"   class="top_link"><span class="down" >Matches</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.*******/mail.php?mode=inbox"   class="top_link"><span class="down" style="font-weight:normal;">Berichten</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;"></div>
</td><td class="top"  >
    <a href="http://www.**********//"   class="top_link"><span class="down" >`</span>
    <!--[if gte IE 7]><!--></a><!--<![endif]-->
    <div style="position:relative;display:block;">  <!--[if lte IE 6]><table id="mmm"><tr><td><![endif]-->

    <!--[if lte IE 6]></td></tr></table></a><![endif]--></div>
</td></tr></table>

它可以在 Firefox 和 Opera 上完美运行。 问题:仍然存在,但通过解决方法解决

4

2 回答 2

1

并非所有版本的 ie 都支持 ":last-child"-selector。尝试改用“.last()”方法:

$('.top').last().css({'color':'red'});
于 2012-10-17T09:44:48.980 回答
1

对于这个问题,您在 css 代码中使用并且不使用 jquery

.top:last-child{
  color:red;
}

最好的祝福

于 2012-10-17T09:53:58.753 回答