动态获取数据目标

Question

I have the follwing link:

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

I would like to get the data-target dynamically so I could reuse my javescript code.

I have tried something like this:

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

But this does't work.

Any Suggestions are welcome.

Thanks.

Answer 1

You need #productVariantModal right ? So.Simple use attr

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

if it dynamically

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