jqueryまたはangularjsに特定の属性を持つタグ名を持つ要素を取得する方法

Question

div内に多数のタグを持つ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

を使用することができますattrに特定して、いくつかの要素を無視したい場合、私はx属性を持つすべてのテキスト要素にクリックイベントをバインドしたいです。

このためディレクティブを作成します。

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