Javascript 使用索引属性切换JQuery类
我有一个切换功能,以实现在我的网页。我想在span元素旁边显示一个标签。但问题是我只需要触发相应的标签Javascript 使用索引属性切换JQuery类,javascript,jquery,indexing,toggleclass,Javascript,Jquery,Indexing,Toggleclass,我有一个切换功能,以实现在我的网页。我想在span元素旁边显示一个标签。但问题是我只需要触发相应的标签 这是我的HTML代码 我们是否有类似next().toggleClass()的内容,或者使用这两个元素的索引并应用toggleClass,代码中有几个错误。您的回调不接受事件对象。因此,您使用的是全局事件对象(在某些浏览器中)而不是当前事件,这是不可靠的。对于切换类调用,您还缺少;对于关闭单击方法,您缺少) 也就是说,如果要选择单击范围的下一个标签同级,可以使用next方法: $('spa
这是我的HTML代码
我们是否有类似next().toggleClass()的内容,或者使用这两个元素的索引并应用toggleClass,代码中有几个错误。您的回调不接受事件对象。因此,您使用的是全局事件对象(在某些浏览器中)而不是当前事件,这是不可靠的。对于
切换类
调用,您还缺少
;对于关闭单击
方法,您缺少)
也就是说,如果要选择单击范围的下一个标签同级,可以使用next
方法:
$('span').click(function(event) {
// event.currentTarget is typically equal to `this` in this context
$(this).next('label').toggleClass("hide");
});
$('span').click(function(event) {
var index = $("span").index(event.currentTarget);
$('label').eq(index).toggleClass("hide");
});
如果要使用index
方法,还应使用eq
方法:
$('span').click(function(event) {
// event.currentTarget is typically equal to `this` in this context
$(this).next('label').toggleClass("hide");
});
$('span').click(function(event) {
var index = $("span").index(event.currentTarget);
$('label').eq(index).toggleClass("hide");
});
那真是太棒了!!