gpt4 book ai didi

javascript - 添加类后获取元素的索引

转载 作者:行者123 更新时间:2023-12-03 03:24:06 29 4
gpt4 key购买 nike

我在添加特定类后索引元素时遇到问题。我需要的索引不是从 ul 的第一个元素开始,而是从激活了类的 li 开始。可能吗?

function setdataindex() {
$('.ul li').removeAttr('data-index');
$('.ul li.activated').each(function() {
var index = $(this).index();
$(this).find('span').html(index);
});
}
setdataindex();

$('form').on('change', function() {
var nodeActive = $(this).find('input:checked').attr('id');
$('.ul li').removeClass('activated');
$('.ul li span').empty();
$('.ul').find('[data-node="' + nodeActive + '"]').addClass('activated');
setdataindex();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
<p><input id="nd1" type="radio" name="node" value="node1">Node1 </p>
<p><input id="nd2" type="radio" name="node" value="node2">Node2 </p>
</form>

<ul class="ul">
<li data-node="nd1">Test <span></span></li>
<li class="activated" data-node="nd2">Test <span></span></li>
<li data-node="nd1">Test <span></span></li>
<li data-node="nd1">Test <span></span></li>
<li data-node="nd2">Test <span></span></li>
</ul>

最佳答案

jQuery foreach 方法将索引和值传递给回调:

function setdataindex() {
$('.ul li').removeAttr('data-index');
$('.ul li.activated').each(function(index) {
$(this).find('span').html(index);
});
}

关于javascript - 添加类后获取元素的索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46430129/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com