jqueryの - n番目の要素を取得します。
-
22-08-2019 - |
質問
たとえば、私はidを持つdiv要素を持っているが( "the_div" と言うことができます)。このdivが順不同リストが含まれており、このリストは、その中に5つの項目があります。
どのように私はそれらに接続するクラスを持つリスト項目のいずれかなしに、3番目のリスト項目にクラスを追加しますか?
編集:?さらに良いことに、私は、リスト項目のテキストを変更する方法を、それが何だったか数の要素に等しい。
感謝します。
解決
あなたの最初の問題のために、あなたは0ベースとなっている、 eq
に使用することができます。
$('ul li', '#thediv').eq(2).addClass('whatever'); // add class to 3rd item
は、あなたの第二の問題のために、あなたはすべてのリストを反復するために each
を使用することができますアイテム。コールバック関数は、セット内の現在の要素のインデックスを含む引数を渡す
$('ul li', '#thediv').each(function(i) {
$(this).text(i); // update each list item with its index, 0 based.
});
他のヒント
それとも...
$('#the_div ul li:eq(2)').addClass('className');
あなたが一緒にセレクタを組み合わせることができます - あなたが好む場合:)
所属していません StackOverflow