Question

我有一个内部有很多标签的div。我想在具有x属性的所有文本元素上绑定click事件。

我试过了

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

但这将返回所有文本元素。但我只需要那些具有x属性的文本元素。

Answer 1

使用

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

如果您想忽略具有特定attr的某些元素，可以使用: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']选择器来查找元素具有特定属性。

＆＃13;

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

＆＃13;

<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>

＆＃13;

如何在jquery或angularjs中获取标签名称具有特定属性的元素

3 个答案: