0

この情報を含むリストがあります：

<li class="me">my name goes here</li>
<li class="settings">some info here</li>
<li class="me settings">some other here</li>
<li class="me">my address goes here</li>

ユーザーがページを開くと、.me クラス名 (.me クラス名のみ) を持つアイテムが強調表示される必要があります。

$(document).ready(function(){
    $('li.me').effect('highlight',{color:'#FFFFFF'},3000);
});

問題は、3 番目のリスト項目 (「me settings」) も強調表示されていることです。次の項目を除外するにはどうすればよいですか。

  • .me クラス名がありません
  • .me クラス名を他のクラス名と組み合わせる

ありがとう！

4

2 に答える 2

1

使用する：

$(document).ready(function () {
    $('li[class="me"]').effect('highlight', {color:'#FFFFFF'}, 3000);
});

ここで、正確にliどの属性であるかを選択します。classme

于 2012-11-08T23:55:15.330 に答える
1

否定セレクタ .not() を使用する 

$(document).ready(function(){
    $('li.me').not('[class*=" "]').effect('highlight',{color:'#FFFFFF'},3000);
});
于 2012-11-08T23:31:17.100 に答える