jQuery nächsten(); funktioniert nicht

Ich versuche zu tun, machen einige text angezeigt, wenn eine Texteingabe im Fokus, aber der nächste(); die Methode scheint nicht zu funktionieren.

Ich habe eine JS Fiddle für Sie zu suchen.

und hier ist der code auch.

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>

Jede mögliche Hilfe würde geschätzt.

closest ist das Durchlaufen der Eltern
Was ist mit der überprüfung der doc? api.jquery.com/closest
Die closest() Methode funktioniert nicht in IE / Edge. Siehe caniuse.com/#feat=element-closest für die unterstützten Browser.

InformationsquelleAutor Ollie2619 | 2013-07-04

  1. 49

    .engsten() findet der nächste Eltern-element, .validation-error ist nicht ein Elternteil des name-input element. Sie müssen die .validation-error element, das wir unter dem gleichen tr als das input-element

    Müssen Sie

    $(this).closest('tr').find('.validation-error').show();

    oder

    $(this).closest('td').next().find('.validation-error').show();
    Ich danke Ihnen sehr!!
    Ich bin mit firefox v33.0. Ob nächstgelegene ist in dieser version unterstützt

    InformationsquelleAutor Arun P Johny

  2. 2

    Versuchen meine version Demo-Fiddle obwohl Arun P. Johny ' s Antwort ist viel besser..

    $(this).parent().siblings().find('.validation-error').show();

    InformationsquelleAutor Olrac

Schreibe einen Kommentar