5

だから私は私のページにこの配置を持っています:

<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 要素にクラスを追加するにはどうすればよいですか? これを実装する最短かつ最速の方法は何ですか?

ありがとう！

4

4 に答える 4

18

aclass を使用して div 内のすべてのタグにクラスを追加するにはfood

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

また

A. Wolff のコメントによると、.find()より高速です

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

また

class を使用して div 内のすべての要素にクラスを追加するにはfood

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

また

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

.addClass()

。探す（）

.removeClass()もお読みください

于 2013-09-28T15:56:29.290 に答える
2

jQuery を使用したくない場合:

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

于 2016-06-28T18:00:02.437 に答える
2

JQuery には、CSS クラスを動的に追加または削除するための addClass() および removeClass() が付属しています。例えば、

$(‘.food′).addClass(‘ClassName’);– 「ClassName」の css クラスを、次のクラスを含む要素に追加します。food

div からクラスを削除する場合は、次を使用できます。

$(‘.food′).removeClass(‘ClassName’);- のクラスを含む要素から「ClassName」CSS クラスを削除します。food

于 2013-09-28T15:58:50.887 に答える