如何使用 Javascript 区分 CSS 中的类答案

【问题标题】：How to distinct classes in CSS using Javascript如何使用 Javascript 区分 CSS 中的类
【发布时间】：2013-06-29 07:43:20
【问题描述】：

我将 jQuery 用于 MVC 中的两个 DropdownList 元素。但是这两个类都被称为“chzn-select”。当我尝试添加值时，会出现一些冲突。

谁能告诉我如何区分“chzn-select”元素？

<tr>
    <td>@Html.Label("branch")
    </td>
    <td>
        @Html.DropDownListFor(m => m.RegionId, (SelectList)ViewBag.Regions, new {@class="chzn-select" ,multiple ="true",data_placeholder = "choose branch", style = "Width:200px", onChange = "regionDropDownChanged();" , tabindex = 3   })
        @Html.ValidationMessageFor(m => m.RegionId)
    </td>
</tr>
<tr>
    <td>@Html.Label("organization")
    </td>
    <td>
        @Html.DropDownListFor(m => m.EnterpriseId, (SelectList)ViewBag.Enterprises, new {@class="chzn-select" ,multiple ="true",data_placeholder = "choose organization", style = "Width:200px", tabindex = 3 })
        @Html.ValidationMessageFor(m => m.EnterpriseId)
    </td>
    <td>
    </td>
</tr>

【问题讨论】：

去掉 class="chzn-select" 前的“@”符号...看看。
我是 MVC，你必须使用 @。不使用会报错。
好吧@是代码块的开始，它是表示代码的剃刀语法。
但是当我删除@它给我错误

标签： javascript css model-view-controller jquery-chosen

【解决方案1】：

您还可以添加自定义属性，如isstyleadded=true，这将允许您做出选择。

【讨论】：

你是用jquery还是javascript来获取这个属性的？例如： var x = $('[isstyleadded=true]') ?

【解决方案2】：

你可以像@class="chzn-select-branch chzn-select"这样添加一个ID或者添加一个新的类。

因此 chzn-select 用于设置 dropdonw 样式，chzn-select-branch 用于使用 jQuery 添加项目

【讨论】：

尝试使用@class="chzn-select-branch chzn-select"。所以用 jquery 做一些这样的想法 $(".chzn-select-branch")

【解决方案3】：

我同意@alecasciaro。我注意到我一直在添加一个类名来帮助选择器。在处理特定的元素组时会派上用场。

我试图投票给那个答案，但我想我还没有足够的声望点来做任何事情，除了提问或回答。

【讨论】：