jQuery la plus proche (); ne fonctionne pas
Je suis en train de faire rendre le texte afficher lors de la saisie de texte est au point, mais le plus proche(); la méthode ne semble pas fonctionner.
J'ai fait un JS Fiddle pour vous de regarder.
et voici le code aussi.
JS
$(document).ready(function(){
$('.validation-error').hide();
$('.name-input').on("focus", function(){
$(this).closest('.validation-error').show();
});
});
HTML
<fieldset>
<legend>User Details</legend>
<table>
<tr>
<td width="200">
<label for="user"><span class="required-fields">*</span> User Name</label>
</td>
<td>
<input type="text" id="user" class="name-input">
</td>
<td>
<p class="validation-error">This field cannot be blank or less than 2 characters.</p>
</td>
</tr>
<tr>
<td>
<label for="job_title"><span class="required-fields">*</span> Job Title</label></td>
<td>
<input type="text" id="job_title" class="name-input">
</td>
<td>
<p class="validation-error">This field cannot be blank or less than 2 characters.</p>
</td>
</tr>
<tr>
<td>
<label for="full_name">* Full Name</label>
</td>
<td>
<input type="text" id="full_name" class="name-input">
</td>
<td>
<p class="validation-error">This field cannot be blank or less than 2 characters.</p>
</td>
</tr>
</table>
</fieldset>
Toute aide serait appréciée.
source d'informationauteur Ollie2619
Vous devez vous connecter pour publier un commentaire.
.plus proche (le) trouve le plus proche parent de l'élément,
.validation-error
n'est pas un parent de l'name-input
élément. Vous avez besoin de la.validation-error
élément qui relève de la mêmetr
que l'élément d'entréeVous avez besoin
ou
Essayer ma version Démo De Violon bien que Arun P. Johny réponse est beaucoup mieux..