如何通过Jquery选择/获取Razor Html Helper标签

Question

这是我的剃刀代码：

@Html.DropDownListFor(m => m.CategoryId, new SelectList(Model.CategoryLookUp, "Value", "Text"), new { @class = "form-control" })

在这里我可以按Id选择元素：

$("#CategoryId").val() //etc.

但我想选择所有Html.DropDownListFor或任何类型的助手来添加CSS类。

我只是添加一个新的{ @class = "form-control myClass" })并且它工作正常，但是我的项目中有超过1000个dropdownList，因为我写了一个类，现在我想将这个类添加到所有dropdownList。

Answer 1

您有两种选择：

1）使用一些技巧来查找和替换visual studio工具，例如： 找到"form-control并将其替换为"form-control myClass"。

2）如果要为项目中的所有控件设置一种或某种样式，可以将样式放在全局样式表文件中，如下所示：

select {
    padding: 4px;
}

您可以使用此jQuery选择器查找所有下拉列表：

var allDropdowns = $("select.form-control");

或

var allDropdowns = $("select.myClass");

甚至：

var allDropdowns = $("select");