我正在开发一个 slider ,它可以在单击下一个和上一个时更改事件类,每次我都希望第 n 个子类处于事件状态。 例如在当前情况下,它应该返回 3
HTML
<div class="my-list">
<ul>
<li><a href="#"> list item</a></li>
<li><a href="#"> list item</a></li>
<li class="active"><a href="#"> list item</a></li>
<li><a href="#"> list item</a></li>
<li><a href="#"> list item</a></li>
<li><a href="#"> list item</a></li>
<li><a href="#"> list item</a></li>
</ul>
</div>
JavaScript
function getCurrentItem() {
var listItem = $(".my-list ul li");
var items = [];
for (i = 0; i < listItem.length; i++) {
items[i] = listItem;
if($(items[i]).hasClass("active")){
console.log("here: "+i);
}
}
}
getCurrentItem();
最佳答案
index()
可用于元素的索引。请注意,index()
将返回元素的从零开始的索引。因此,在当前示例中,它将返回 2。
return $('.my-list li.active').index();
如果索引需要从1开始,从零开始的索引加1。
return $('.my-list li.active').index() + 1;
console.log($('.my-list li.active').index() + 1);
.active {
color: green;
font-weight: bold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="my-list">
<ul>
<li><a href="#"> list item 1 </a></li>
<li><a href="#"> list item 2</a></li>
<li class="active"><a href="#"> list item 3</a></li>
<li><a href="#"> list item 4</a></li>
<li><a href="#"> list item 5</a></li>
<li><a href="#"> list item 6</a></li>
<li><a href="#"> list item 7</a></li>
</ul>
</div>
关于javascript - 我有 n 个列表项。我不需要得到任何具有事件类的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39146056/