javascript - jQuery - 遍历所有带有类的元素并改变它们的样式

Question

我知道这应该很简单，但我遇到了多个问题。首先，我不知道如何获取一个类的所有元素并更改它们的显示。我找到了.each这个示例代码的方法：

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

我需要什么而不是警报来将元素的显示属性从“无”更改为“阻止”？

第二个问题是，类名是从隐藏字段中收集的。让我们命名这个变量service。当我尝试用 '.'+service 替换 '.classname' 时，我收到一条错误消息，提示“语法错误，无法识别的表达式：.”。

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

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');

但是，正如 for 的文档show指出的那样，该方法将匹配的元素display属性返回到其先前的状态。要将display样式属性显式更改为block，请使用.css：

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

Answer 2

尝试淡入（）和淡出（）

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