Jquery条件选择器

Question

我的条件选择器有问题。我有一些输入字段。我想更改具有必需属性的空字段的边框颜色。

我尝试过的：

$("[required='required']").css({
      "border": "1px solid #FF0000",
      "background": "#FFEFFF"
  });
  $("[required='required']").blur(function ()  {
    comp(this);
  });
$("[required='required']").keyup(function ()  {
    comp(this);
  });
$("[required='required']").click(function ()  {
    comp(this);
  });
  function comp(a) {
      if ($(a).val() !== "")
          $(a).css({
          "border": "1px solid #ccc",
          "background": ""
      });
      else $(a).css({
          "border": "1px solid #FF0000",
          "background": "#FFEFFF"
      });
  }

以下是链接：http://jsfiddle.net/guwanchat/HjzVu/14/

Answer 1

我认为您的问题是没有根据comp函数初始化元素。

我修改了你的起始代码：

$("[required='required']").css({
      "border": "1px solid #FF0000",
      "background": "#FFEFFF"
});

到此：

$("[required='required']").each(function () {
    comp(this);
});

我使用jQuery each函数来迭代与选择器匹配的对象，并调用comp函数来初始化它们。

jQuery.ech（）

描述：一个通用迭代器函数，可用于无缝地迭代对象和数组。数组和类数组具有length属性的对象（例如函数的arguments对象）按数字索引从0到长度-1进行迭代。其他对象是通过其命名属性进行迭代。

这是一把小提琴：http://jsfiddle.net/HjzVu/19/