の特定のインデックスを取得します。親が異なる場合、どのように各パラグのインデックスを取得するには?私はこのようなものを試しました:私は、コードを次している要素
$('.same').each(function() { console.log($(this).index() });
しかし明らかに、それは各要素に対して同じ値を返しました。
の特定のインデックスを取得します。親が異なる場合、どのように各パラグのインデックスを取得するには?私はこのようなものを試しました:私は、コードを次している要素
$('.same').each(function() { console.log($(this).index() });
しかし明らかに、それは各要素に対して同じ値を返しました。
$('.same').each(function(index) { console.log(index });
はとにかくeach
反復と同じインデックスを返すもちろんの.index()
$('.same').each(function() {
console.log($(this).index('.same'));
});
、用セレクタとして同じクラスを使用することができますが、それはあなたがに基づいてインデックスを返す方法ですindex()
を使用して収集し、親要素のドキュメントから
に基づいて要素だけではなく、インデックス
.INDEX(セレクタ)
要素を探しにjQueryのコレクションを表すセレクタ。
他の方法は、周りにもeach
機能はインデックスパラメータが付属しています
$('.same').index(this)
動作します。
$(".same").each(function(i) {
console.log("index " + i);
});
全スニペット:
$(".same").each(function(i) {
console.log("Item " + i);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="something">
<p class="same"> blah </p> <!-- should return index 0 -->
</div>
<div class="something-else">
<p class="same"> blah </p> <!-- should return index 1 -->
</div>
<div class="other" >
<p class="same"> blah </p> <!-- should return index 2 -->
</div>
あなたは本当に近くにあります。あなたの関数の中で、これは、同じ要素を持つ現在の要素のコンテキストを保持します。あなたは「同じ」クラスを持つ要素のリスト全体にそれを比較したいので
$('.same').each(function() { console.log($('.same').index(this)))
.index()
は親の内部のインデックスを返します。これらの段落のそれぞれが<div>
を含む最初の要素であるため、たびに0
が得られます。
$('.same').each(function() {
console.log($(this).parent().index())
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="something">
<p class="same">blah</p>
<!-- should return index 0 -->
</div>
<div class="something-else">
<p class="same">blah</p>
<!-- should return index 1 -->
</div>
<div class="other">
<p class="same">blah</p>
<!-- should return index 2 -->
</div>
</div>
これは動作します:
$('.same').each(function(index) {console.log(index)});
代わりに、あなたは親のインデックスを得ることができます