Question

我正在尝试删除一个类并使用jQuery向div添加一个类，但它似乎不起作用。

我的HTML是这样的：

<div id="foo">
  <div class="row">
    <div class="col-sm-4">
        <h4>one</h4>
    </div>
    <div class="col-sm-4">
        <h4>two</h4>
    </div>
  </div>
</div>

我想删除课程col-sm-4，而是添加课程col-sm-6

这就是我所做的：

$("#foo").find(".col-sm-4").addClass(".col-sm-6").removeClass(".col-sm-4");

我确保通过find

获取元素

alert($("#foo").find(".col-sm-4").length); //2

即使我没有收到任何错误，我的元素也没有变化。

Answer 1

您无需在.参数的col-sm-6中加入.addClass;你也不需要使用.find()。

以下内容可行：

$("#foo div.col-sm-4").addClass("col-sm-6").removeClass("col-sm-4");

Answer 2

当你使用方法addClass和removeClass时，不要使用句点来表示类名，所以你应该写

$("#foo").find(".col-sm-4").addClass("col-sm-6").removeClass("col-sm-4");

Answer 3

1）＆＃34; .col-sm-6＆＃34;是JQuery选择器的一个示例 - 其中，JQuery site是：＆＃34;借用CSS 1-3，然后添加自己的，jQuery提供了一组强大的工具，用于匹配文档中的一组元素。＆＃34; addClass和removeClass方法是除了要添加或减去元素的class属性的类名之外的函数。你把它写成JQuery选择器。当您使用JQuery选择器$（＆＃34; #foo div.col-sm-4＆＃34;）引用对象时，您正在正确使用选择器的概念。

2）你说：＆＃34;即使我没有收到任何错误，我的元素也没有变化。＆＃34; - 这是一个很好的观察。您应该知道大部分JavaScript都会无声地失败。在这个答案的1到2之间，我强烈推荐这本书JavaScript: The Good Parts.

使用jquery删除和添加类

3 个答案: