jQuery erhalten Wert von Kind und Wert von Eingabefeld

Question

Ich versuche, den Wert eines Eingabefeldes basierend auf dem Klick-Ereignis auf einer Liste festzulegen. Ich verwende $("#modifyText2").val(), um den Wert des Eingabefeldes zu setzen, und es funktioniert. Aber ich kann nicht den Text der div.CompanyName

.CompanyName ist ein Kind der .shop_data

Was ich versucht habe:

$("#shops_output").on("click", ".shop_data", function() { 
    $("#modifyText2").val(this.children(".CompanyName").text); 
}); 

Answer 1

Es ist, weil .children() eine jQuery-Funktion ist.

Daher müssen Sie $(this) anstelle der plain ol 'this verwenden, da keine children Funktion an das normale Javascript-Objekt angefügt ist.

Wrapping this in der jQuery $ Funktion ist, was alle von jQuery zur Verfügung gestellten zusätzlichen Methoden hinzugefügt.

$("#shops_output").on("click", ".shop_data", function() { 
    $("#modifyText2").val($(this).children(".CompanyName").text()); 
}); 

Im Einzelnen: $(this).children(".CompanyName").text()

Auch dies funktioniert nur, wenn nur ein Kind abgestimmt ist. Wenn mehrere ist, wie von anderen erwähnt, müssen Sie Folgendes tun:

$($(this).children(".CompanyName")[0]).text() 

// or 

$(this).children(".CompanyName").eq(0).text() 

Answer 2

Oder im jQuery Weg $(this).find('.CompanyName').eq(0).html(), wenn der Inhalt von „.CompanyName“ ist nur Text.