Jquery 更改跨距的颜色（父/此/？）

对不起，这个坏话题

我正在尝试制作一个代码，当我在文本输入中输入超过3个字符时，我希望复选框变成绿色；我有很多这样的复选框，但似乎没有任何东西像我希望的那样

希望有人有更好的答案

这是我的html代码：

<li class="input-group">
  <span class="input-group-addon PaddingFix" id="basic-addon4">
    <strong>Username</strong>
  </span>
  <input type="text" autocomplete="off" name="username" placeholder="Username.">
  <span class="input-group-addon PaddingFix tooltipFix" data-placement="right" title="Fyll i ditt användarnamn.">
    <span class="fa fa-check-square-o"></span>
  </span>
</li>

---

这只是一个输入，我还有12个输入，这就是为什么我尝试使用“parent”作为选择器；因此，我只更改“输入组”的颜色。

我建议将

parent

定义为DOM元素本身，而不是元素的class属性

$（“输入[类型=文本]”）.keyup（函数（）{
parent=$（this.parent（）；
如果（$（this）.val（）.length>=3）{
$（.fa-check-square-o），父级.css({
“颜色”：“#08c004”
});
}
});

用户名
检查
将您的JS替换为：

if ($(this).val().length >= 3) { 
    $("."+parent+" .fa-check-square-o").css({"color": "#08c004"});
}

选择器中缺少类父级前面的点（
），因此必须更改：

$(".fa-check-square-o", parent).css({"color": "#08c004"});

致：

它会起作用的

希望这有帮助

天啊，我没弄明白这件事真让人尴尬
$(".fa-check-square-o", parent).css({"color": "#08c004"});

$(".fa-check-square-o, ."+parent).css({"color": "#08c004"});