jQuery 使用 .toggle() 切换单个元素

Posted

技术标签:

【中文标题】jQuery 使用 .toggle() 切换单个元素【英文标题】:jQuery using .toggle() to toggle a single element 【发布时间】:2013-06-06 10:58:42 【问题描述】:

所以我想切换元素数组中的单个元素,我该怎么做?

我尝试过的

$(".classname")[1].toggle()

【问题讨论】:

【参考方案1】:

问题在于您获取的是元素而不是 jquery 对象。试试这个:

$(".classname").eq(1).toggle()

另外,我假设您正在使用索引 1 查找第二个元素

【讨论】:

【参考方案2】:

试试这个:

$('.classname').eq(0).toggle()

当使用[] 时,您将丢失 jquery 引用,并且该对象成为一个 dom 元素。 DOM 元素与 javascript 一起使用。示例:

 $('.classname')[0].id //will work since .id is a DOM attribute
 $('.classname').eq(0).id //will not work since it's a jQuery object

这里是jQuery .eq() information 页面。

元素基于 0 索引,即 0 = first element, 1 = second element and go on

【讨论】:

我相信 OP 想要第二个元素

以上是关于jQuery 使用 .toggle() 切换单个元素的主要内容,如果未能解决你的问题,请参考以下文章

jQuery的切换函数(hover,toggle)

jquery学习之路之元素类的切换toggle

jquery toggle()方法 语法

jquery toggle 方法被废除的替代方法

jquery 复合事件 toggle()方法的使用

JQuery 总结 jQuery 效果动画