Javascript 从同一外部容器中的另一个链接获取html数据-*属性

Javascript 从同一外部容器中的另一个链接获取html数据-*属性,javascript,custom-data-attribute,Javascript,Custom Data Attribute,下面是从woocommerce产品列表中生成包含一个特定产品的节的HTML代码。我在第一个链接中添加了一个函数directLink(),这样我就可以使用该部分最后一个链接中的“data-product_sku”将一个人重定向到一个页面 通过点击,我只能在页面上找到特定的链接,但我无法从中获取数据产品sku数据,只能将其解析为字符串,但我确信有办法通过javascript直接找到它 html: 我明白了 elmnt = '<a href="http:..." data-quantity="1

下面是从woocommerce产品列表中生成包含一个特定产品的节的HTML代码。我在第一个链接中添加了一个函数directLink(),这样我就可以使用该部分最后一个链接中的“data-product_sku”将一个人重定向到一个页面

通过点击,我只能在页面上找到特定的链接,但我无法从中获取数据产品sku数据,只能将其解析为字符串,但我确信有办法通过javascript直接找到它

html:

我明白了

elmnt = '<a href="http:..." data-quantity="1" data-product_id="2028" data-product_sku="323">Last Link</a>'
但这给出了一个不明确的结论


如何通过js获取该属性?

您可以执行以下操作:

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

将返回您期望的内容
323

您可以执行以下操作:

e.path[2].children[1].dataset.product_sku
将返回您希望使用的.attr()方法。试试像这样的东西

    $(elmnt).attr('data_product_sku');
或者,这不需要jQuery。使用纯JavaScript,这看起来像

    elmnt.getAttribute('data_product_sku');
您想使用.attr()方法。试试像这样的东西

    $(elmnt).attr('data_product_sku');
或者,这不需要jQuery。使用纯JavaScript,这看起来像

    elmnt.getAttribute('data_product_sku');