属性で要素を取得する方法はありますか？

Question

私は、次のカスタムタグ/ディレクティブがあります。私はこの要素にフォーカスを設定したい

<tile class="ng-scope gridster-item" tilevalue="1" gridster-item="tile" row="0" col = "0" ng-repeat="tile in selectedTiles"> </tile> 

を。私はフォーカスを設定できるように、属性名で要素を取得する方法はありますか？

Answer 1

平易なjavavascriptでは、CSSの場合と同様に、.querySelectorと.querySelectorAllを使用して、必要な要素を取得できます。

elementで自由に使用できます。

Answer 2

あなたがjqueryをタグ付けとして「タイル」という名前だけで一つの要素がある場合、あなたはクラスに基づく要素名$("tile")、または$(".ng-scope.gridster-item")を使用することができ、可能性をたくさん持っています。

それ以外の場合、これはオブジェクトの配列を返すことができ$("[attribute_name='attribute_value']")

注意して任意の属性を使用します。要素自体を取得するには、たとえば$("[attribute_name='attribute_value']")[0]を使用します。

Answer 3

使用document.querySelector又はdocument.querySelectorAll（何のjQueryを必要としない）

var elements = document.querySelectorAll("[gridster-item]"); 

または：

var elements = document.querySelectorAll("[gridster-item=tile]"); 

にフォーカスを設定：

elements[0].focus(); 

querySelectorは配列を返しquerySelectorAll最初の要素を返します〜NodeList。