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

Question

说我是否有以下html：

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

并且这个html包含在另一个div中，另一个div包含x个级别。有没有办法找到其中包含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