我有一组带有生成 id 的复选框，其中一些具有额外的属性。是否可以使用 JQuery 来检查元素是否具有特定属性？ 例如，我可以验证以下元素是否具有属性“myattr”吗？属性的值可以变化。
<input type="checkbox" id="A" myattr="val_attr">A</input>
例如，如何在不逐一检查的情况下获取具有此属性的所有复选框的集合？这可能吗？
【问题讨论】：
$filtered = $collection.filter('[attribute_name]');
标签： jquery attributes
if ($('#A').attr('myattr')) {
// attribute exists
} else {
// attribute does not exist
}
编辑：
当myattr 存在但为空字符串或“0”时，上述内容将落入else 分支。如果这是一个问题，您应该在 undefined 上明确测试：
if ($('#A').attr('myattr') !== undefined) {
// attribute exists
} else {
// attribute does not exist
}
【讨论】：
undefined 被认为是一种极端情况，上面的比较适用于所有情况的 99%。
你的意思是你能选择它们吗？如果是，那么是的：
$(":checkbox[myattr]")
【讨论】：
href 属性的链接。 $("#myBox").find('a').filter(':not([href])')
【讨论】：
这将起作用：
$('#A')[0].hasAttribute('myattr');
【讨论】：
$(this).<something>，而在这里你可以直接使用this.hasAttribute('...')（当然不用关心旧的浏览器。）
在 JavaScript 中，...
null == undefined
...返回true*。这是== 和=== 之间的区别。此外，可以定义名称 undefined（它不是像 null 这样的关键字），因此您最好检查其他方式。最靠谱的方法大概就是比较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
}
【讨论】：
isset() 或例如在 js 中 $("#element").attr('my_attr') === false,
如this post，使用.is和属性选择器[]，你可以很容易地添加一个函数（或原型）：
function hasAttr($sel,attr) {
return $sel.is('['+attr+']');
}
【讨论】：
$("input#A").attr("myattr") == null
【讨论】：
除了选择具有$('[someAttribute]') 或$('input[someAttribute]') 属性的所有元素之外，您还可以使用函数对对象进行布尔检查，例如在点击处理程序中：
if(! this.hasAttribute('myattr') ) { ...
【讨论】：
基于多个属性获取所有 checkbox 元素的集合，例如在这种情况下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
}
});
【讨论】：
【讨论】：
要选择具有特定属性的元素，请参阅上面的答案。
为了确定给定的 jQuery 元素是否具有特定属性，我使用了一个小插件，如果 jQuery 集合中的第一个元素具有此属性，则返回 true：
/** 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)
}
【讨论】：
如果属性存在于给定的 HTML 元素中，我们可以很容易地访问 value 属性值。
var offORonlinePath="../img/"; //We can easy to change the path anytime
var extension=".webp"; //we can later change any value like png,jpg,...
$("img[data-src]").each(function(){
var imgName=$(this).data("src");
$(this).attr("src",offORonlinePath+imgName+extension);
})
【讨论】：
JQuery 将属性作为字符串返回。因此，您可以检查该字符串的长度以确定是否已设置：
if ($("input#A").attr("myattr").length == 0)
return null;
else
return $("input#A").attr("myattr");
【讨论】：