jquery .Mit und Bild zeigen

Question

$(document).ready(function() { 
    $(".test").hide(); 

    var img = $('<img class="imgtick">'); 
    img.attr('src', "../Image/tick.png"); 
    img.appendTo('.test'); 


    $(".text1").change(function() { 
     $(".test").show(); 
    }); 
});   

<label>Address:</label> 
<input type="text" class="text1" name="address" value="" placeholder="Address"> 
<span class="test"></span><br> 

<label>Contact Number:</label> 
<input type="text" class="text1" name="contact" value="" placeholder="Contact" maxlength="8"> 
<span class="test"></span><br> 

<label>Email:</label> 
<input type="email" class="text1" name="email" value="" placeholder="Email Address"> 
<span class="test"></span><br> 

ich gab einen span class "test" und img-Tag mit Klasse "imgtick" erstellen und in die Klasse "test" und verstecken alle das Bild anhängen.

aber ich möchte nur 1 Bild angezeigt, wenn die Textbox onchange ist. ist es möglich, mit Klasse zu tun, oder muss ich eine ID für jedes Textfeld definieren, um das Bild bei onchange individuell erscheinen zu lassen?

Answer 1

Sie können das nächste Element span wählen jQuery next()

$(".text1").change(function() { 
    $(this).next("span").show(); 
}); 

Oder wenn Sie die Klasse Verwendung

$(this).next(".test").show(); 

jQuery next() erhält die unmittelbar folgende Geschwister jedes Elements in dem Satz verwenden möchten von aufeinander abgestimmten Elementen

Here ist ein funktionierendes Beispiel

Answer 2

Ihr sollte Änderungsfunktion sein:

$(".text1").change(function() { $(this).next(".test").show(); });