2014-11-06 2 views
0

Я нахожусь в положении, где мне нужно использовать функцию .slideToggle() в jQuery, в определенном элементе, определенном JavaScript. я могу использовать этот код:jQuery Select One Element From Имя класса

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

, а затем немного позже в функции:

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

Однако то, что я хочу сделать, это использовать функцию slideToggle('fast') на feedback[index], поэтому вместо того, чтобы так жестоко изменив его display на block, я получаю приятный переход jQuery-esque.

Очевидно, что этот код не будет работать:

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

Однако это будет:

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

, но я не могу выбрать, какой обратной связи по индексу, чтобы запустить функцию slideToggle() дальше, он просто делает все они имеют смысл. Если бы я мог получить некоторый код, который эффективно делает это:

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

Это было бы идеально. Мне нравится, что я могу наклеить класс на что-то и перебрать список элементов, которые появляются в .getElementsByClassName('classname'), поэтому мне не нужно вставлять идентификатор во все однотипные классы, и было бы неплохо, если бы я мог выбрать который $('.feedback') элемент, который я использую в списке всех элементов, возвращаемых этим, но я не могу понять, как это будет работать. Если я могу каким-то образом выбрать по индексу, какие элементы в списке по классу, запустить команды jQuery на нем, сделает это намного проще, поскольку я не хочу привязывать идентификатор к каждому элементу, который имеет класс feedback.

Большое спасибо.

ответ

2

Попробуйте следующее: Вы можете использовать eq(), чтобы выбрать элемент с определенным индексом.

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

совершенны, отлично работает, спасибо. –

+0

рад помочь вам :) –

0

Вы можете использовать JQuery, как это:

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

Здесь вы можете увидеть demo

+0

Вам понадобятся кавычки и должны написать их так: '$ ('. Feedback [' + i + ']'). SlideToggle ('slow');' и не работает –

+0

Проверьте демо из моего ответа! :) – CookieMichal