jQuery Kind von angeklickt Element

Question

Ich habe eine Liste von Links, die ein Klick-Ereignis an sie gebunden haben, muss ich die ID aus dem Kind A-Link erhalten. Im Beispiel unten, wenn ich auf das erste Listenelement geklickt hätte, müsste ich Google neu abgestimmt haben.

Ich habe versucht '$this a'10 aber kann nicht ganz die Syntax erarbeiten.

jQuery: 

$("ul li").click(function(event){ 
$("input").val($(this).html());   
    } 
); 



html: 
<ul> 
    <li><a href="http://www.google.com" id="google">Google</a> 
</ul> 

Answer 1

ich aber

$(this).find('a:first').attr('id') 

täte es nicht die HTML-Beispiel sehen (fix ein: erste Wähler, wenn es nicht das, was Sie gemeint) zu

diese beziehen das Element, das Ihr Ereignis ausgelöst hat

Answer 2

Sie könnten die children Methode verwenden:

Ich bin mir nicht sicher über die Syntax, aber so etwas sollte funktionieren.

Answer 3

Um Ihren Code ein wenig übersichtlicher zu machen, können mit Funktionen wie so binden Trigger: (Ich schlage vor, Sie geben Ihre UL eine Kennung, so es spezifisch nur Elemente innerhalb dieser UL)

$('ul li').bind('click', getAnchorId); 

Die Funktion Das heißt (getAnchorId) ruft das ID-Attribut des untergeordneten Elements (a) des angeklickten Elements (ul li) ab und wendet es auf eine Variable an (anchorId), und um anzuzeigen, dass es die richtigen Informationen erhält, stelle ich das Ergebnis in eine Warnung .

function getAnchorId() { 
    var anchorId = $(this).children('a').attr('id'); 
    alert(anchorId); 
} 

Jetzt kann u tun, was immer wünschen u mit diesen Variablen :)

hoffte, das hilft :)