$ (this) und finden Sie funktioniert nicht in JQuery

Ich versuche, ein Kind der div form Gruppe zugreifen, genauer gesagt aus dem Wert des Eingangs zu drucken Ich versuche

<div class="form-group"> 
    <label>text</label> 
    <input name="text" type="text" class="form-control" value="123456" /> 
    <script> 
     alert($(this).find("input").val()); 
    </script> 
</div>

Warum funktioniert dieser Code nicht? Ich bekomme undefined. Ich sollte erhalten 123456

Quelle

2016-12-04 Gianluca Ghettini

Sie nicht mit '$ (this)' richtig. Probieren Sie '$ ('input.form-control'). Val()' - oder einfach '$ ('input'). Val()' – ochi

Wie 'this' ist das' window' also '$ (this.document) 'oder' $ (document) 'oder nur' $ ('input') 'funktioniert genauso :) Aber warum benutzt du' this' hier? – yurzui

Ich habe viele Formen und Eingaben, da der Javascript-Code in jedem div ist (wie im obigen Beispiel) wollte ich jedes div mit jquery referenzieren, aber anscheinend zeigt dies nicht auf das umgebende div, oder? –

$ (this) verweist auf Elternanweisung. Zum Beispiel:

$('body').on('click', '.element', function(){ 
    $(this).find('input').val(); 
})

In diesem Fall $ (this) target ist ".element". In Ihrem Beispiel zeigen Sie auf nichts, so dass Sie keinen Wert erhalten können.

Quelle

2016-12-04 10:43:00

so, wie das umschließende div? –

Sie können etwas wie dieses versuchen: alert ($ ('. Form-group'). Find ('input [name = "text"]'). Val()); input [name = "text"] - das heißt, Sie suchen nach Eingabe mit Attribut name = text Aber dies ist nicht speichern Methode, wenn Sie viele Eingaben mit dem gleichen Namen attr in ".form-Gruppe" div . –

Try this:

var inputElement = $(document.currentScript).parent().find('input'); 
alert(inputElement.val());

Quelle

2016-12-04 11:07:44

$ (this) und finden Sie funktioniert nicht in JQuery

Antwort

Verwandte Themen