使用jQuery在父容器中查找特定的数据ID

Question

假设我有以下html：

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

并且此html包含在x级别的另一个div和另一个div中。 有没有办法找到其中包含数据ID的div，然后获取它的值？ 换句话说，我想要一个向上支撑并在其中找到数据ID的函数。

Answer 1

您可以使用.closest（）和has属性选择器来查找所需的元素

如果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')

演示： 小提琴