javascript - 使用 jquery 在父容器中查找特定的 data-id

Question

假设我有以下 html:

<a href="some url" class="product-store-name">
    azzaharastore
</a>

并且此 html 包含在另一个 div 中，以及另一个 x 层的 div 中。有没有办法找到其中包含data-id的div，然后获取它的值？换句话说，我想要一个向上传播并在其中找到 data-id 的函数。

Answer 1

您可以使用.closest()以及has attribute selector找到所需的元素

如果 this 引用此元素，则使用(将 this 替换为任何其他方式来引用目标元素)

var $div = $(this).closest('div[data-id]'); 
var did = $div.data('id');

或者对于上述情况

var did  = $('.product-store-name').closest('div[data-id]').data('id')

演示:Fiddle