使用jquery将动态类添加到div答案

【问题标题】：add dynamic class to div using jquery使用jquery将动态类添加到div
【发布时间】：2015-08-11 02:48:11
【问题描述】：

我在定价表中有两个以上的重复类。为了简单起见，我只显示了 2。我想要做的是将类“first”添加到第一个<div class="column dt-sc-one-fourth">

  <div class="dt-sc-pricing-table">
    <div class="column dt-sc-one-fourth">
       <div class="dt-sc-pr-tb-col ">
                    <div class="dt-sc-tb-header">
                        <div class="dt-sc-price"> <sup> $ </sup><sub><span>from</span></sub>95 <span> / month</span> </div>
                        <div class="dt-sc-tb-title"> <h5>Unlimited ADSL</h5> </div>
                        <div class="dt-sc-buy-now">
                            <a class="dt-sc-button medium" href="" nom="residential-unlimited-adsl" taj="Residential">Read More</a></div>
                            </div>
                    <ul class="dt-sc-tb-content">
                        <li></li>
                    </ul>
    </div>
                     </div>
            <div class="column dt-sc-one-fourth">
                <div class="dt-sc-pr-tb-col ">
                    <div class="dt-sc-tb-header">
                        <div class="dt-sc-price"> <sup> $ </sup><sub><span>from</span></sub>99 <span> / month</span> </div>
                        <div class="dt-sc-tb-title"> <h5>Unlimited VDSL</h5> </div>
                        <div class="dt-sc-buy-now">
                            <a class="dt-sc-button medium" href="" nom="residential-unlimited-vdsl" taj="Residential">Read More</a></div>
                            </div>
                    <ul class="dt-sc-tb-content">
                        <li></li>
                    </ul>
    </div>
                     </div>

我试过了

<script type="text/javascript">
    $(document).ready(function () {
        $('.dt-sc-one-fourth:first').addClass('first');
    });
    </script>

请帮忙

【问题讨论】：

应该可以正常工作。控制台中的任何错误？？
当我将此脚本放在 custom.js 脚本文件之后时出现“未捕获的类型错误：未定义不是函数”，然后发生此错误，但是当我将 custom.js 脚本注释掉时，没有错误但是还是不行
你有其他元素（没有column 类）可以有dt-sc-one-fourth 类吗？在控制台中调用$('.first') 会发生什么？
@Diin：你能分享一下小提琴吗？
@Andreiv 当我调用 $ ('.first') 时，它给出了其他是的

标签： jquery asp.net-mvc

【解决方案1】：

你的 JQuery 很好，如果你只对 divs 的那个类感兴趣，你可以将它添加到你的选择器中：

$(document).ready(function () {
    $('div .dt-sc-one-fourth:first').addClass('first');
});

查看工作示例：https://jsfiddle.net/ddan/scwLyoLy/1/

添加 css 以突出显示类 first。

.first {
    border: solid 1px red;
}

如果您仍然有错误，那可能是因为其他原因。尝试分离您的代码并运行它。

编辑

基于评论：通过在 JS 代码的头部包含这一行可以帮助调试您的问题：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

在使用和 JQuery 之前。

【讨论】：

你的意思是它不工作？您想将first 类添加到第一个div 类.dt-sc-one-fourth。这正是我给出的示例中发生的情况。
我错过了什么吗？
您的代码有效我在其他项目中使用过类似的代码，但由于某种原因，这在我当前的项目页面中不起作用
它必须是错误的或缺少JQuery引用，或者在定义它之前引用了JQuery。