我有一个生成id的复选框集合,其中一些有一个额外的属性。是否有可能使用JQuery来检查一个元素是否具有特定的属性? 例如,我能否验证以下元素是否具有属性“myattr”?属性的值可以变化。
<input type="checkbox" id="A" myattr="val_attr">A</input>
例如,我如何才能获得具有此属性的所有复选框的集合而不逐个检查?这可能吗?
我有一个生成id的复选框集合,其中一些有一个额外的属性。是否有可能使用JQuery来检查一个元素是否具有特定的属性? 例如,我能否验证以下元素是否具有属性“myattr”?属性的值可以变化。
<input type="checkbox" id="A" myattr="val_attr">A</input>
例如,我如何才能获得具有此属性的所有复选框的集合而不逐个检查?这可能吗?
当前回答
我已经创建了npm包与预期的行为如上所述。
链接到[npm]和[github]
用法非常简单。例如:
<p id="test" class="test">something</p>
$("#test").hasAttr("class")
返回true。
骆驼皮也适用。
其他回答
在这篇文章中,使用.is和属性选择器[],你可以很容易地添加一个函数(或原型):
function hasAttr($sel,attr) {
return $sel.is('['+attr+']');
}
JQuery将以字符串的形式返回属性。因此,你可以检查该字符串的长度,以确定是否设置:
if ($("input#A").attr("myattr").length == 0)
return null;
else
return $("input#A").attr("myattr");
要获得基于多个属性的所有复选框元素的集合,例如在本例中是id和myattr:
var checkboxCollection = $(":checkbox[id][myattr]");
如果你需要为集合中的每个复选框分配事件处理程序:
$(":checkbox[id][myattr]").change(function() {
if(this.checked) {
var valueOfAttribute = $(this).attr('myattr');
// code here
}
else{
// code here
}
});
在JavaScript中,…
null == undefined
...返回true。就是==和===之间的差值。此外,名称undefined可以被定义(它不像null是一个关键字),所以你最好用其他方式检查。最可靠的方法可能是比较typeof操作符的返回值。
typeof o == "undefined"
然而,在这种情况下,与null进行比较是可行的。
*假设未定义实际上是未定义的。
$("input#A").attr("myattr") == null