javascript-Klasse hinzufügen, um ein element in einem bestimmten div

Also ich habe diese Anordnung in meine Seite:

<div class="food">

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

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

</div>

Wie füge ich eine Klasse aus, um alle a-Elemente innerhalb meiner div.Essen?
Was ist der kürzeste und Schnellste Weg, um dies zu implementieren?

Dank!

$('.food').find('a').addClass('myClass') sollte der Schnellste Weg in jquery. PS: editiert, verlosen add a class to all the <a> elements

InformationsquelleAutor Kevin Lloyd Bernal | 2013-09-28

  1. 15

    Hinzufügen-Klasse, um alle a - tag im div mit der Klasse food

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

    oder

    Als kommentiert von A. Wolff .find() ist schneller 

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

    oder

    Hinzufügen-Klasse, um alle Elemente im div mit der Klasse food

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

    oder

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

    .addClass()

    .finden()

    Lesen Sie auch .removeClass()

    .find() soll ein bisschen schneller, wenn es ist, was meine OP 'Schnellste': jsperf.com/find-vs-descendant-selector/36

    InformationsquelleAutor Tushar Gupta - curioustushar

  2. 2

    JQuery kommt mit addClass() und removeClass() zum hinzufügen oder entfernen einer CSS-Klasse dynamisch. Zum Beispiel,

    $(‘.food′).addClass(‘ClassName’); – Fügen Sie eine "ClassName' css-Klasse, um Elemente, die Klasse food

    Wenn Sie möchten, entfernen Sie eine Klasse aus Ihrer div, können Sie die folgenden verwenden:

    $(‘.food′).removeClass(‘ClassName’); - Entfernen "ClassName' css-Klasse von Elementen, die enthalten Klasse food

    Ist jQuery immer synonym mit Javascript..? Ich war im Gespräch mit einem dev arbeite ich mit gestern sagte ich noch, da wir ja nur mit Hilfe von jQuery für DOM-Auswahl ist, könnten wir entfernen zum entfernen einer Abhängigkeit, und er im Grunde impliziert, ich sei verrückt für die schlägt sogar vor, nicht mit jQuery... (nicht zu kritisieren Ihre Antwort, nur eine Frage)
    Sie haben Recht, die OP getaggt mit jQuery, so dass wir alle vermute, dass er akzeptiert jQuery als Lösung, sondern ein javascript wäre man sicher schneller
    Nein, das JQuery ist nicht das synonym von Javascript. JavaScript ist eine Sprache. jQuery ist eine Bibliothek gebaut mit JavaScript. Es beinhaltet viele gemeinsame web-Aufgaben, um Hilfe bei der Entwicklung von websites. So können Sie javascript statt JQuery,, wenn Sie bevorzugen. Jedoch, die meisten der Zeit, JQuery bequemer ist.
    Wolff Oh, ja, auf jeden Fall, Frage mich nur im Allgemeinen, mehr in Bezug auf die Reaktion selbst.
    Ich weiß, nur sprechen im übertragenen Sinne, das ist, warum ich schrieb "ist jQuery immer", nicht "es" 😉

    InformationsquelleAutor lvarayut

  3. 0

    Fügen Sie eine Klasse in bestimmten div:

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

    Entfernen einer Klasse in bestimmten div:

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

    InformationsquelleAutor Suresh

Schreibe einen Kommentar