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

この問題では、css コードで使用し、jquery を使用しないでください

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

よろしくお願いします

于 2012-10-17T09:53:58.753 に答える
1

「:last-child」セレクターは、ie のすべてのバージョンでサポートされているわけではありません。代わりに「.last()」メソッドを使用してみてください。

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