如何检查 jQuery 中的元素是否有属性？类似于hasClass，但使用attr？
例如，
if ($(this).hasAttr("name")) {
// ...
}
【问题讨论】：
if( $(this).is('[ATTRIBUTE_NAME]') ) { /* ... */ } BTW: 这不再是那个问题的重复，只是关于不同问题的类似问题，链接的重复现在称为“选择元素按属性"
标签： jquery
var attr = $(this).attr('name');
// For some browsers, `attr` is undefined; for others,
// `attr` is false. Check for both.
if (typeof attr !== 'undefined' && attr !== false) {
// ...
}
【讨论】：
attr 是 ""，那也会返回 false。它应该是true，因为空属性是有效属性。此外，没有必要使用 double-not，因为 if 无论如何都会将其转换为 bool。
$(this).is("[name]") 怎么样？
[attr] 语法是具有 attr 属性的元素的 CSS 选择器，.is() 检查调用它的元素是否与给定的 CSS 选择器匹配。
【讨论】：
如果您要经常检查属性是否存在，我建议您创建一个 hasAttr 函数，按照您在问题中的假设使用：
$.fn.hasAttr = function(name) {
return this.attr(name) !== undefined;
};
$(document).ready(function() {
if($('.edit').hasAttr('id')) {
alert('true');
} else {
alert('false');
}
});
<div class="edit" id="div_1">Test field</div>
【讨论】：
你离得太近了，这太疯狂了。
if($(this).attr("name"))
没有 hasAttr 但按名称点击属性只会返回 undefined 如果它不存在。
这就是为什么下面的工作。如果您从 #heading 中删除 name 属性，则会触发第二个警报。
更新：根据 cmets，如果属性存在，则以下内容仅有效那里是空的
<script type="text/javascript">
$(document).ready(function()
{
if ($("#heading").attr("name"))
alert('Look, this is showing because it\'s not undefined');
else
alert('This would be called if it were undefined or is there but empty');
});
</script>
<h1 id="heading" name="bob">Welcome!</h1>
【讨论】：
聚会迟到了，但是...为什么不只是this.hasAttribute("name")？
参考This
【讨论】：
最好的方法是使用filter()：
$("nav>ul>li>a").filter("[data-page-id]");
拥有 .hasAttr() 还是不错的，但由于它不存在，所以有这种方式。
【讨论】：
Object.prototype.hasAttr = function(attr) {
if(this.attr) {
var _attr = this.attr(attr);
} else {
var _attr = this.getAttribute(attr);
}
return (typeof _attr !== "undefined" && _attr !== false && _attr !== null);
};
我在编写自己的函数来做同样的事情时遇到了这个问题……我想分享一下，以防其他人在这里绊倒。 我添加了 null 因为如果属性不存在 getAttribute() 将返回 null。
此方法将允许您检查 jQuery 对象和常规 javascript 对象。
【讨论】：
您还可以将其与表单字段上的 disabled="disabled" 等属性一起使用，如下所示：
$("#change_password").click(function() {
var target = $(this).attr("rel");
if($("#" + target).attr("disabled")) {
$("#" + target).attr("disabled", false);
} else {
$("#" + target).attr("disabled", true);
}
});
“rel”属性存储目标输入字段的id。
【讨论】：