我在页面中实现了切换功能。我想在span元素旁边显示一个标签。但是问题是我只需要触发相应的标签，
这是我的HTML代码
<div>
<span class="header1">Header</span>
<label class="dtl1 hide ">Details</label>
<span class="header2">Header</span>
<label class="dtl2 hide">Details</label>
</div>
JavaScript代码
$('span').click(function() {
var selIndex = $("span").index(event.currentTarget);
$('label').toggleClass("hide");
});
我们是否有类似next（）。toggleClass（）的东西，或者使用两个元素的索引并应用toggleClass
您的代码中有几个错误。您的回调不接受事件对象。因此，您正在使用全局事件对象（在某些浏览器中）而不是当前事件，这是不可靠的。您也缺少.用于toggleClass调用和)关闭click方法的。
话虽如此，如果您想选择单击范围的下一个标签同级，可以使用以下next方法：
$('span').click(function(event) {
// event.currentTarget is typically equal to `this` in this context
$(this).next('label').toggleClass("hide");
});
如果要使用该index方法，则还应该使用该eq方法：
$('span').click(function(event) {
var index = $("span").index(event.currentTarget);
$('label').eq(index).toggleClass("hide");
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句