使用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')

演示： 小提琴