Javascript jQuery-使用类遍历所有元素并更改其样式

我知道这应该很简单，但我遇到了很多问题。首先，我不知道如何获取类的所有元素并更改它们的显示。我找到了

。每个
方法都包含以下示例代码：

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

要将元素的显示属性从“无”更改为“块”，我需要什么来代替警报

第二个问题是，类名是从隐藏字段收集的。让我们将此变量命名为
service
。当我尝试将“.classname”替换为“.”服务时，我收到一个错误，它是“语法错误，无法识别的表达式：”

所以实际的代码应该是这样的：

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

我相信这不会很复杂，但我想不出来

当然欢迎任何替代解决方案。
查看：

但是，正如
show
的文档所指出的，该方法将匹配的元素
display
属性返回到它以前的状态。要将
显示
样式属性显式更改为
块
，请使用：

退房：

但是，正如
show
的文档所指出的，该方法将匹配的元素
display
属性返回到它以前的状态。要将
显示
样式属性显式更改为
块
，请使用：

尝试fadeIn（）和fadeOut（）

尝试fadeIn（）和fadeOut（）

这对于显示元素是有效的，但是我仍然得到语法错误。有什么想法吗？@robert:你确定问题出在这个代码上吗？它在语法上是正确的，可能错误在于从
$（“#service'）.val（）
获得的任何值。您能举一个
#service
中的值的例子吗？为了让上面的代码正常工作，它应该是一个单一的合法类名。这可以用来显示元素，但我仍然得到语法错误。有什么想法吗？@robert:你确定问题出在这个代码上吗？它在语法上是正确的，可能错误在于从
$（“#service'）.val（）
获得的任何值。您能举一个
#service
中的值的例子吗？要使上述代码正常工作，它应该只是一个单一的合法类名。
var service=$('#service').val();
$('.'+service).show(); // roughly equivalent to .css('display', 'block');

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

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