動態獲取數據目標

Question

我有以下鏈接：

<a href="edit/2" class="popup" data-toggle="modal" data-target="#productVariantModal"> <span class="glyphicon glyphicon-edit"></span></a>

我想動態獲取數據目標，以便可以重用我的javescript代碼。

我已經嘗試過這樣的事情：

  var target = $(this).closest('[data-target]');

但這行不通。

歡迎任何建議。

謝謝。

Answer 1

您需要#productVariantModal對嗎？ So.Simple使用attr

var getValue = $('.popup').attr("data-target");

如果它是動態的

var getValue = $(this).attr("data-target");

工作演示

Answer 2

var target = $(this).closest('[data-target]'); 

應該是這樣的：

var target =$('.popup').data('target');

Answer 3

假設您在該超鏈接觸發的某個事件的回調中使用此方法，則可以獲取數據的值：

$(this).data('target')