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

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

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

或

正如 A. Wolff 评论的那样 .find() 更快

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

或

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

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

或

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

.addClass()

.find()

另请阅读 .removeClass()