So wählen Sie ein jQuery-element, das Kind mit einem Selektor?

Ich habe eine div mit der id article_50.
Wenn ich wählen Sie die .title element innerhalb article_50 könnte ich Folgendes tun:
$("#article_50 .title").

Nun sagen, ich will zu wählen, dass die gleichen Titel, aber in ein click-Ereignis:

$("#article_50").click(function(){
    $(this).children(".title").hide();
});

Nun hatte ich zum Aufruf der children Methode zu wählen, die .title element.
Könnte ich wählen Sie es in der gleichen Selektor, ohne die Notwendigkeit zu nennen children?

Etwas wie dieses:

$("this .title").hide();

Dank!

InformationsquelleAutor Yuval Karmi | 2010-08-27
  1. 8

    Fast da:

    $(".title", this).hide();
    • +1 für die richtige Antwort, aber ich denke, es ist weniger "lesbar" als $(this).Kinder(".Titel").hide();
    InformationsquelleAutor ZippyV
  2. 1
    $("#article_50").click(function(){ $(".title", this).hide(); });
    InformationsquelleAutor Vaibhav Gupta
  3. 1

    Verwenden .children() wenn die .title - element ist eigentlich ein Kind der this.

    Wenn du dies tust: 

    $(".title", this).hide();

    ...jQuery hat zu laufen, 7 oder 8 tests, bevor die zahlen darauf hin, dass Sie suchen .title innerhalb von this.

    Dann jQuery nur kippt es um in diese:

    $(this).find('.title')

    ...und beginnt von vorn. Es ist also eine Methode aufrufen sowieso nach alles testen. Wie Sie sehen können, ist es nicht sehr effizient ist.

    Auch, weil .children() sieht nur eine Ebene tief, es ist schneller zu bedienen .children() als .find() wenn Ihr element ist eigentlich ein Kind.

    EDIT:

    Sogar einen noch schnelleren Weg zum cache die #article_50 - element in eine variable, so dass Sie nicht brauchen, um erstellen Sie ein jQuery-Objekt für $(this) jedes mal, wenn Sie klicken Sie auf.

    var $art_50 = $("#article_50").click(function(){
    $art_50.children(".title").hide();
});

//Now you have a variable that you can use outside the click handler as well
//  in case you are selecting it elsewhere in your code.
    InformationsquelleAutor user113716
  4. 0

    Sollten Sie gerade nicht in der Lage sein zu sagen:

    $("#article_50").click(function(){ $("#article_50 .title").hide(); });

    Das ist fast die gleiche und Sie brauchen nicht zu rufen Kinder.

    • absolut, aber wenn nicht eine bestimmte ID, die ich hatte eine Klasse und mehrere Elemente der Klasse in der Seite, würde ich gezwungen werden, zu verwenden this zu identifizieren. guter Punkt, aber!
    InformationsquelleAutor Robert Swisher
Schreibe einen Kommentar