Jquery 如果输入值等于特定字符串，则添加类

我知道有些话题和这个相似。但是这些对我没有帮助。 我有如下html：

<span class="wpcf7-list-item first">
 <label>
  <input type="checkbox" name="checkbox-143[]" value="customer service">
  <span class="wpcf7-list-item-label">medicine</span>
 </label>
</span>

$(document).ready(function(){
  if ($("input").val() == "customer service") {
      $(this).addClass("cust-serv");
  }
});

我要做的是在输入具有特定值时将类添加到输入中。在这个例子中，这个值是“customer service”，我想添加类“cust serv”

你能帮我吗？

---

谢谢

在您的代码

中，此

不涉及您的输入字段。因此，不要使用

这个

而是再次使用

“输入”

$(document).ready(function(){
  if ($("input").val() == "customer service") {
      $("input").addClass("cust-serv");
  }
});

---

尽管我建议您使用一些更具体的类作为选择器。

在您的代码

中，此

不涉及您的输入字段。因此，不要使用

这个

而是再次使用

“输入”

$(document).ready(function(){
  if ($("input").val() == "customer service") {
      $("input").addClass("cust-serv");
  }
});

尽管我建议您使用一些更具体的类作为选择器

循环所有输入，以便您可以使用上下文

this

$（“输入”）。每个（函数（）{
if（$（this.val（）==“客户服务”）{
$（此）.addClass（“客户服务”）；
}
})

医学

循环所有输入，以便您可以使用上下文

this

$（“输入”）。每个（函数（）{
if（$（this.val（）==“客户服务”）{
$（此）.addClass（“客户服务”）；
}
})

医学

在您的示例中，“this”未链接到您的类，因此请替换：

$(this).addClass("cust-serv");

与：

  $("input").addClass("cust-serv");

在您的示例中，“this”未链接到您的类，因此请替换：

$(this).addClass("cust-serv");

与：

  $("input").addClass("cust-serv");

简单地使用

$(document).ready(function(){ 
$("input").each(function(){
if($(this).val() == "customer service"){
 $(this).addClass("cust-serv"); 
}});
 });

简单地使用

$(document).ready(function(){ 
$("input").each(function(){
if($(this).val() == "customer service"){
 $(this).addClass("cust-serv"); 
}});
 });

---

您是否还希望它在值更改时或文档准备就绪时进行检查？如果不是，则需要将addClass（）引用到一个特定元素，而不是

$（this）

$（this）

不是您所认为的那样…If-语句不会创建自己的上下文。您正在将该类添加到文档中您是否希望它在值更改时或文档准备就绪时进行检查？如果不是，则需要将addClass（）引用到一个特定元素，而不是

$（this）

$（this）

不是您所认为的那样…If-语句不会创建自己的上下文。您正在将类添加到文档中