在jQuery中的另一个方法内的方法中使用$(this)

时间:2015-06-04 21:51:18

标签: javascript jquery this each selector

所以,我试图使用'这个'选择器在另一个方法内的方法中,例如:

$('form').submit(function(event){
   $('input').each(function(){
       if($(this).val().length < 2){
           $(this).addClass('error');
           event.preventDefault(); 
       }
   });
});

当我做到这一点时,我认为它会承认这个&#39;作为每个输入,但不,这个&#39;这个&#39;选择器与表单相关联。我知道,因为结果是:

<form class="error" action="lorem.php" method="post">
    <input type="text" placeholder="Lorem Ipsum" name="example">
</form>

这只是一个例子来说明当我提交表单时,课程错误&#39;进入'#形式&#39;标签

我想知道如何调用每个&#39;输入&#39;在每个&#39;里面方法,因为&#39;这个&#39;似乎不起作用。

我希望我在这里说明一点,如果有人需要更多解释,请告诉我。

非常感谢!

1 个答案:

答案 0 :(得分:1)

您需要将index和element发送到您的函数。

$('form').submit(function(event){
   $('input').each(function(index, element){
       if($(element).val().length < 2){
           $(element).addClass('error');
           event.preventDefault(); 
       }
   });
});