Почему мой jquery не работает для тега span

Question

Я пытаюсь отобразить какое-то сообщение в диапазоне. но это не работает.

<script type="text/javascript">
    $(document).ready(function(){
            /****************************First Name validation******************************/
        $("#txtFirstName").bind("focusout",function(){
                if($(this).val()=="" || $(this).val()=="First Name")
                    {
                    $(this).siblings("span[id*='error']").text("First Name Required");
                    $(this).val("First Name");
                    }   
            });

        $("#txtFirstName").bind("focusin",function(){
                if($(this).val()=="First Name")
                    {
                    $(this).siblings("span[id*='error']").show("slow").text("");
                    $(this).val("");                    
                    }   
            }); /********************End First Name validation*****************************/
    });

Вот мой HTML-код для кода выше

 <td><input id="txtFirstName" type="text" value="First Name" runat="server"/><span class="error"></span></td>

Answer 1

$(this).siblings("span.error").text("First Name Required");

Answer 2

Вы должны использовать class вместо id:

$(this).siblings("span[class*='error']").text("First Name Required");

Но если полное имя класса всегда error, вы можете просто использовать span.error или даже лучше, если span всегда идет после input, используйте .next():

$(this).next().text("First Name Required");

Answer 3

Ivo правильно, вам нужно span.error для селектора в этом случае. Тем не менее, вы можете немного упростить код, используя цепочку и используя комбинации .focusin() и .focusout():

$(function(){
  $("#txtFirstName").focusin(function(){
      if($(this).val()=="First Name")
          $(this).val("").siblings("span.error").hide();
  }).focusout(function(){
      if($(this).val()=="" || $(this).val()=="First Name")
         $(this).val("First Name").siblings("span.error")
                .text("First Name Required").fadeIn();
  });
});

Answer 4

Для селектора диапазона попробуйте: span.error

$(this).siblings("span.error").text("First Name Required");