Question

如何定位具有特定属性的HTML元素，但该属性没有值（嗯，是否有值）。我发现其他人会询问有关属性值的元素的类似问题，但不会基于属性本身的存在。

例如，使用此HTML：

<div id="id1">
  <div class="c1"></div>
  <div class="c2" an-attribute ></div>
  <div class="c3"></div>
</div>

如何在div内找到具有#id1属性的an-attribute？我无法指望它位于与其他divs相关的特定位置，但可以指望它位于#id1。

Answer 1

试试这个。

$('#id1 div[an-attribute]');

Answer 2

您只需使用attribute selector：

即可

$('div[an-attribute]') // or $('[an-attribute]')

Answer 3

$("div").children().attr("an-attribute");

Answer 4

以下是示例代码。我曾经用来识别属性。

HTML代码

<div id="id1">
        <div class="c1"></div>
        <div class="c2" id="testr">dd</div>
        <div class="c3"></div>
    </div>

JavaScript代码

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script>
    $('.c2').on('click',function(){
        var id =$(this).attr('id')
        alert(id);
    })
</script>

Answer 5

＆＃13;

alert($('[an-attribute]').attr('class'));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
  <body>
    <div an-attribute class="111111111"></div>
  </body>
</html>

＆＃13;

Answer 6

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
							
<script>
$(document).ready(function(){

	$('[an-attribute]').css("color","red")

});
</script>

<div id="id1">
  <div class="c1">dsadsa1</div>
  <div class="c2" an-attribute >dsdsads2</div>
  <div class="c3">dsadsad3</div>
</div>

＆＃13;

Answer 7

var element=$('#id1').find('div[an-attribute]');

使用jQuery

7 个答案: