按属性选择元素

我有一个带有生成的ID的复选框集合，其中一些具有额外的属性。是否可以使用JQuery检查元素是否具有特定属性？例如，我可以验证以下元素是否具有属性“ myattr”吗？该属性的值可以变化。

<input type="checkbox" id="A" myattr="val_attr">A</input>

例如，如何一目了然地获取具有此属性的所有复选框的集合？这可能吗？

您是说可以选择它们吗？如果是这样，那么是：

$(":checkbox[myattr]")

if ($('#A').attr('myattr')) {
    // attribute exists
} else {
    // attribute does not exist
}

编辑：

上面的内容存在else时将落入-branch，myattr但为空字符串或“ 0”。如果存在问题，则应在undefined以下位置进行显式测试：

if ($('#A').attr('myattr') !== undefined) {
    // attribute exists
} else {
    // attribute does not exist
}

我知道问这个问题已经有很长时间了，但是我发现这样的支票更加清晰：

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

（如在此站点上找到的）

文档有关的，可以发现这里

这将起作用：

$('#A')[0].hasAttribute('myattr');

在JavaScript中，...

null == undefined

...返回true*。==和之间的区别===。另外，undefined可以定义名称（它不是像nullis这样的关键字），因此最好检查一下其他方式。最可靠的方法可能是typeof比较运算符的返回值。

typeof o == "undefined"

不过，在这种情况下，将null与之比较应该可以。

*假设undefined实际上是未定义的。

$("input[attr]").length 可能是一个更好的选择。

使用“ typeof”，jQuery“ .is”和“ .filter”抛出了一些想法，所以我想我将对它们进行快速的性能比较。typeof似乎是对此的最佳选择。尽管其他方法可以使用，但为此目的调用jq库时，似乎存在明显的性能差异。

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

如本文所述，使用.is和属性选择器[]，您可以轻松添加函数（或原型）：

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

只是：

$('input[name*="value"]')

更多信息：官方文档

除了选择所有元素与属性$('[someAttribute]')或者$('input[someAttribute]')你也可以使用一个函数的对象上做布尔检查，如在点击处理程序：

if(! this.hasAttribute('myattr') ) { ...

我已经创建了具有上述问题的预期行为的npm软件包。

链接到[npm]和[github]

用法很简单。例如：

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

返回true。

也适用于驼峰箱。

要选择具有特定属性的元素，请参见上面的答案。

为了确定给定的jQuery元素是否具有特定属性，我正在使用一个小插件，true该插件返回jQuery集合中的第一个元素是否具有此属性：

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

jQuery将以字符串形式返回属性。因此，您可以检查该字符串的长度以确定是否已设置：

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");