javascript - 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");