首页 > 解决方案 > 如何在 IF 语句中使用 (this) 选择元素

问题描述

我正在使用引导验证
,所以这是我的 javascript

我想做的是这个

$("#create-form").submit(function(e) { 
    if ($("input").val() = "") {
        $(this).addClass("is-invalid");
    } 
}

通过使用 ( this) 我将参考$("#create-form")
但想参考 Input by $(this),是否有可能以某种方式?
我只是不想为每个输入重复 if 语句

标签: javascriptjqueryhtmlbootstrap-4

解决方案


首先获取create-form中所有输入项的列表

然后您可以循环每个输入并检查 val 是否为空。

$("#create-form").submit(function(e){
  e.preventDefault();

  $("#create-form :input").each(function(){
     var input = $(this); // This is the jquery object of the input, do what you want
     if(input.val() == ""){
         input.addClass("is-invalid");
     }

  });


});

推荐阅读