Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用索引属性切换JQuery类_Javascript_Jquery_Indexing_Toggleclass - Fatal编程技术网

Javascript 使用索引属性切换JQuery类

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

我有一个切换功能,以实现在我的网页。我想在span元素旁边显示一个标签。但问题是我只需要触发相应的标签

这是我的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");
});

那真是太棒了!!