jQuery - перебирать все элементы с классом и менять их стиль

Question

Я знаю, что это должно быть просто, но я столкнулся с несколькими проблемами. Прежде всего, я не знаю, как получить все элементы класса и изменить их отображение. Я нашел .each метод с этим примером кода:

$('.classname').each(function(index) { 
     alert(index); 
}); 

Что мне нужно сделать, вместо предупреждения, чтобы изменить отображаемое свойство элемента из «никто» блокировать "?

Вторая проблема заключается в том, что имя класса собирается из скрытого поля. Назовите эту переменную service. Когда я пытаюсь заменить «.classname» на «.» + Service, я получаю сообщение об ошибке «Синтаксическая ошибка, нераспознанное выражение:.».

Так что фактический код будет что-то вроде:

var service=$('#service').val(); 
$('.'+service).each(function(index) { 
     alert(index); 
}); 

Я уверен, что это не может быть сложным, но я не могу понять это.

Любое альтернативное решение, конечно же, приветствуется.

Answer 1

Заканчивать .show:

var service=$('#service').val(); 
$('.'+service).show(); // roughly equivalent to .css('display', 'block'); 

Однако, поскольку документация show указывает, метод возвращает совпавшие элементы display свойство в предыдущее состояние. Чтобы явно изменить свойство display стиля к block используйте .css:

$('.' + service).css("display", "block"); 

Answer 2

попробовать FadeIn() и FADEOUT()

var service=$("#service").val(); 
$("."+service).fadeIn();