如何在jquery或angularjs中獲取具有特定屬性的標簽名稱的元素

Question

我的div里面有很多標簽。 我想在具有x屬性的所有文本元素上綁定click事件。

我努力了

$('#attendacneLineChart').find('text')

但這會返回所有文本元素。 但是我只需要那些具有x屬性的文本元素。

Answer 1

采用

$('#attendacneLineChart').find('text[X]')

如果您想忽略某些具有特定屬性的元素，可以使用:not

$('#attendacneLineChart').find('text[X]:not([y])') // for more use 'text[X]:not([y]):not([z])'

Answer 2

我想在具有x屬性的所有文本元素上綁定click事件。

為此創建指令：

.directive('x', function() {
  return {
    link: function(scope, element) {
      element.click(function() {
        console.log('clicked')
      })
    }
  }
})

Answer 3

您可以使用jquery [attribute='value']選擇器來查找具有特定屬性的元素。

 $("div > p[myAttr]").click(function(){ console.log($(this).text()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <p>Text1</p> <p myAttr="1">Text2</p> <p>Text3</p> <p myAttr>Text4</p> </div>