按属性选择元素

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

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

例如，我如何才能获得具有此属性的所有复选框的集合而不逐个检查?这可能吗?

当前回答

在这篇文章中，使用.is和属性选择器[]，你可以很容易地添加一个函数(或原型):

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

其他回答

通过使用“typeof”和jQuery，我们得到了一些想法。是“和”。所以我想我应该张贴一个快速的性能比较他们。类型似乎是最好的选择。虽然其他方法也可以工作，但在为此工作调用jq库时，似乎存在明显的性能差异。

在JavaScript中,…

null == undefined

.．.返回true。就是==和===之间的差值。此外，名称undefined可以被定义(它不像null是一个关键字)，所以你最好用其他方式检查。最可靠的方法可能是比较typeof操作符的返回值。

typeof o == "undefined"

然而，在这种情况下，与null进行比较是可行的。

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

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

我已经创建了npm包与预期的行为如上所述。

链接到[npm]和[github]

用法非常简单。例如:

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

返回true。

骆驼皮也适用。

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

推荐文章