1

簡単なリストがあります：

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

li 要素の 1 つを変更する必要があります。私が知っているのは、リスト内の位置だけです。たとえば、2 は 3 番目の li 要素になります)。それを知っているだけでクラスを追加するにはどうすればよいですか?

4

5 に答える 5

3

.eq()指定されたインデックス (0 ベース) を引数として受け取る を使用します。

$("ul li").eq(2).addClass("yourClass");

デモ。

于 2012-09-05T13:47:13.250 に答える
1

またはインライン：

$("ul li:eq(2)").html("Add some content")

ソース: http://api.jquery.com/eq-selector/

于 2012-09-05T13:47:57.397 に答える
0

これを試して

HTML

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>

JS

$('ul').children().eq(2).addClass('newclass');
于 2012-09-05T13:50:50.300 に答える
0

関数を使用して、.eq必要なインデックスを指定できます。

$('ul').children().eq(2)

3番目のアイテムを指します（インデックスは0から始まるため、2が3番目です）

于 2012-09-05T13:48:19.753 に答える
0

<li>次のいずれかで、その 2 番目の要素が返されます。

  1. $('ul li:eq(3)')
  2. $('ul>li:eq(3)')
  3. $('ul li').eq(3)
  4. $('ul>li').eq(3)
  5. $('ul li').filter(function() { return $(this).index() == 3; })
  6. $('ul>li').filter(function() { return $(this).index() == 3; })
于 2012-09-05T13:51:01.750 に答える