jQuery - カスタム属性で最初の要素を選択

Question

私はWebページを持っています。このWebページには、動的に生成されるHTMLを含む領域があります。このエリア内の特定の名前のカスタム属性を持つの最初の要素（すべてではない）を取得したいと考えています。私はその属性値を取得したい。 Fiddleをセットアップしました。

<div id="myElement"> 
    <div> 
    <div> 
     <ul> 
     <li></li> 
     <li><div data-custom-property="12345"> 
      <p> 
      Some details 
      </p> 
      <div> 
      <div> 
       <div data-custom-property="xyzwt"> 
       Stuff 
       </div> 
      </div> 
      </div> 
     </div></li> 
     <li></li> 
     </ul> 
    </div> 
    </div> 
</div> 

<button onclick="return getFirstElementWithProperty('data-custom-property');"> 
    Get Element 
</button> 

基本的に、私はdata-custom-property属性を持つmyElement内の最初の要素を取得しようとしている：コードは次のようです。私が見たすべてのもの（1、2）は属性の値を探します。私は名前で検索したい。

どうすればわかりますか？

Answer 1

それは常にDIVになり、そしてあなたは、要素のIDを知っている場合：それはできるだけ具体的にベストですけれども

$("#myElement div[data-custom-property]:first") 

それ以外の場合は、これは、あまりにも、動作します：

$("[data-custom-property]:first")