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中的所有元素添加一个类？实现这一目标的最短和最快的方法是什么？

谢谢！

Answer 1

使用类a

将div添加到div中的所有food标记

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

或

由A. Wolff .find()评论更快

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

或

使用类food

将div添加到div中的所有元素

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

或

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

.addClass()

.find()

还阅读了.removeClass()

Answer 2

JQuery附带addClass（）和removeClass（）来动态添加或删除CSS类。例如，

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

的元素

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

$(‘.food′).removeClass(‘ClassName’); - 从包含food类

的元素中删除“ClassName”css类

Answer 3

如果您不想使用jQuery：

＆＃13;

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

＆＃13;

Answer 4

在特定div中添加一个类：

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

删除特定div中的类：

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

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

4 个答案: