javascript - JQuery 选择器：如何获取一个只有一个属性的 img id

Question

例如，如果页面上只有一张图像具有属性 aria-disabled = "true" ，如何使用 jquery 选择器来获取此元素？请注意，并非所有图像都具有 aria-disabled ，其中一些没有此属性，其中一些具有 aria-disabled = "false"。只有一张图像具有 aria-disabled = "true"。谢谢

例如。

$(img :  aria-disabled = "true").attr(id);

当然这应该是无效的语法

Answer 1

尝试这个

$('img[aria-disabled="true"]').attr('id');

Answer 2

请参阅元素选择器（“元素”）和属性等于选择器 [name="value"]文档。

您可以通过串联组合元素和属性选择器

$('img[aria-disabled="true"]').attr('id');

Answer 3

尝试这个

HTML

<div>
     <img aria-disabled="true" id="1">
     <img aria-disabled="flase" id="2">
</div>

JS代码

$img = $('img');
if($img.attr('aria-disabled') == 'true'){
    alert($img.attr('id'));
}

或者 这也更有效

$('img[aria-disabled="true"]').attr('id');

演示