动态获取数据目标

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吗？所以。简单地使用attr

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

如果动态

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

<强> WORKING DEMO

Answer 2

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

应该是这样的：

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

Answer 3

假设您在该超链接触发的某些事件的回调中使用它，以获取您可以执行的数据的值：

$(this).data('target')