jQuery从类名中选择一个元素

时间:2014-11-06 06:20:26

标签: javascript jquery html css

我处于需要在常规JavaScript确定的元素上使用jQuery中的.slideToggle()函数的位置。 我可以使用这段代码:

var feedback = document.getElementsByClassName('feedback');

然后在函数中稍后:

feedback[index].style.display = 'block';

但是,我想要做的是使用slideToggle('fast')上的feedback[index]函数,所以我得到一个不错的jQuery,而不是将其display粗略地更改为block。 - 过渡。

显然这段代码不起作用:

feedback[index].slideToggle('fast');

然而,这将:

$('.feedback').slideToggle('fast');

但是我无法通过索引选择哪个反馈来运行slideToggle()函数,它只是完成它们,这是有意义的。 如果我能得到一些有效的代码:

$('.feedback')[index].slideToggle('fast');

那将是完美的。我喜欢这样一个事实,即我可以在某个类上添加一个类并遍历.getElementsByClassName('classname')中显示的项目列表,因此我不必在同一个类的所有内容上粘贴ID,这样会很好如果我可以在这个返回的所有元素的列表中选择我使用的$('.feedback')元素,但我无法弄清楚它是如何工作的。如果我能以某种方式通过索引选择列表中的哪些项目,在其上运行jQuery命令会使这更简单,因为我不想在每个具有{{1}类的项目上粘贴ID }。

非常感谢。

2 个答案:

答案 0 :(得分:3)

试试这个:您可以使用 eq() 来选择具有特定索引的元素。

$('.feedback:eq('+index+')').slideToggle('fast');

答案 1 :(得分:0)

您可以像这样使用JQuery:

$(feedback[index]).slideToggle('fast');

您可以在此处查看demo