同じ外部コンテナ内の別のリンクからhtml data- *属性を取得する

Question

以下は、woocommerce製品リストの特定の製品を含むセクションを生成するHTMLコードです。私はそれはので、私はそのセクションの最後のリンクから「データ・product_sku」を使用してページに人をリダイレクトすることができ拳リンクに機能DirectLinkの（）を入れています。

クリックしても、その特定のリンクをページで見つけることができましたが、文字列として解析する以外はdata-product_skuデータを取得できませんが、検索する方法はありますそれはjavascriptで直接。

HTML：

<li class="post-2028"> 
    <a href="http:..." class="woocommerce-LoopProduct-link"> 
    <span onclick="directLink(event); return false;"> 
     First Link 
    </span> 
    <div itemprop="description"> 
    <p>...Product Description...</p> 
    </div> 
    </a> 
    <a href="http:..." data-quantity="1" data-product_id="2028" data-product_sku="323"> 
    Last Link 
    </a> 
</li> 

JS：

function directLink(e) { 
    var elmnt = e.path[2].children[1]; 
} 

私は

elmnt = '<a href="http:..." data-quantity="1" data-product_id="2028" data-product_sku="323">Last Link</a>' 

は、私も試してみました取得：

var elmnt = e.path[2].children[1]; 
$(elmnt).data('product_sku'); 

しかし、は定義されていません

どのようにjsでその属性を取得できますか？

Answer 1

次の操作を行いchould：

e.path[2].children[1].dataset.product_sku 

はあなたが.ATTR（）メソッドを使用したい323

Answer 2

を期待しているものを返します。何かを試してみてください

$(elmnt).attr('data_product_sku'); 

また、これはjQueryを必要としません。純粋なJavaScriptを使用すると、これは次のようになります

elmnt.getAttribute('data_product_sku');