javascript - javascript将类添加到特定div中的元素

Question

所以我的页面中有这样的安排：

<div class="food">

    <div>
        <a href="#" class></a>
        <a href="#" class></a>
    </div>

    <div>
        <a href="#" class></a>
        <a href="#" class></a>
    </div>

</div>

如何为 div.food 中的所有 a 元素添加一个类？实现这一点的最短和最快的方法是什么？

谢谢！

Answer 1

使用类将类添加到 div 中的所有a标签food

$('div.food a').addClass('className');

或者

正如A. Wolff .find()所说，速度更快

$('div.food').find('a').addClass('className');

或者

使用类将类添加到 div 中的所有元素food

$('div.food *').addClass('className');

或者

$('div.food').find('*').addClass('className');

.addClass()

。寻找（）

还阅读.removeClass()

Answer 2

JQuery 带有 addClass() 和 removeClass() 来动态添加或删除 CSS 类。例如，

$(‘.food′).addClass(‘ClassName’);- 将“ClassName”css 类添加到包含类的元素food

如果要从 div 中删除类，可以使用以下命令：

$(‘.food′).removeClass(‘ClassName’);- 从包含类的元素中删除“ClassName”css 类food

Answer 3

如果你不想使用 jQuery：

var links = document.querySelectorAll('.food a');
[].forEach.call(links, function(item) {
  item.classList.add('myClass');
});

Answer 4

在特定的 div 中添加一个类：

$("#divData").addClass("className");

删除特定 div 中的类：

$( "#divData" ).removeClass( "className" );