.active
<li>
要素のインデックスを選択するにはどうすればよいですか?
<ul class="pagination">
<li class="paginate_button page-item previous" id="DataTables_Table_0_previous">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="0">‹</a>
</li>
<li class="paginate_button page-item ">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="1">1</a>
</li>
<li class="paginate_button page-item active">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="2">2</a>
</li>
<li class="paginate_button page-item next disabled" id="DataTables_Table_0_next">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="3">›</a>
</li>
</ul>
これが私が試したものですが、常に返されます1
:
var pageNumber = $('.pagination .page-item.active:first').index();
あなたはあなたが欲しいと言った
...アクティブな
<li>
要素のインデックス。10番目の要素に.activeクラスがある場合、取得する必要があります9
...
jQueryのindex
関数はあなたにそれを与えます:
var index = $("li.page-item.active").index();
実例:
console.log($("li.page-item.active").index());
.active {
background: yellow;
}
<ul class="pagination">
<li class="paginate_button page-item previous" id="DataTables_Table_0_previous">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="0">‹</a>
</li>
<li class="paginate_button page-item ">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="1">1</a>
</li>
<li class="paginate_button page-item active">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="2">2</a>
</li>
<li class="paginate_button page-item next disabled" id="DataTables_Table_0_next">
<a tabindex="0" class="page-link" aria-controls="DataTables_Table_0" href="#" data-dt-idx="3">›</a>
</li>
</ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加