0

リスト要素がいくつかあり、最後の 3 つだけにスタイルを適用する必要があります。これら3つにスタイルを適用するにはどうすればよいですか? 将来のバージョンでは、それらはリストの最後にない可能性があるため、以下に示すように、各ラベル内に表示されるラベル内のテキストを利用するバージョンを好みます。

<ul>
  <li>
    //I DON'T want to select this one
    //<label>I</label>
  </li>
  <li>
    //I DON'T want to select this one
    <label>don't</label>
  </li>
  <li>
    //I DON'T want to select this one
    <label>care.</label>
  </li>
  <li>
    //I want to select this one
    <label>Label 1</label>
    //more follows...
  </li>
  <li>
    //I want to select this one
    <label>Label 2</label>
    //more follows...
  </li>
  <li>
    //I want to select this one
    <label>Label 3</label>
    //more follows...
  </li>
</ul>
4

2 に答える 2

2

使用する：

$('li:has("label")')

label 要素を子として持つリスト項目を選択します。.has() : "指定されたセレクターに一致する要素を少なくとも 1 つ含む要素を選択します。" $('li').has("label")パフォーマンスがわずかに向上する可能性があるものを使用することもできます。

jsFiddle の例

于 2013-09-08T23:41:49.957 に答える
0

次のように CSS で nth-child を使用できます。

li:nth-child(n+3) { color: #999 }

n+3 構文は、最初の 3 つのリスト項目の後の任意のリスト項目に色が適用されることを意味します (したがって、上記の 6 つのリスト項目の例では、最後の 3 つに色が適用されます。

于 2013-09-09T00:25:51.307 に答える