使用javascript从锚标记获取自定义数据

Question

我正在尝试为 javscript 函数获取此值

<a href="#" id="like" name="like" data-value="<?php echo $_GET['id'];?> " onclick="like(); return false;">
                <img src="<?php echo $ROOT. "/assets/images/templates/like.png"?>" class="aligncenter" alt="" /></a>

我想获得作为数据值的 id。

我试过使用 jquery 选择器，var id = $('a[data-value]').attr();但显然是错误的。

任何帮助表示赞赏。

Answer 1

纯 JavaScript 有 2 个变体：getAttribute()和dataset：

var el = document.getElementById( 'like' );
el.getAttribute( 'data-value' ); 
el.dataset.value;

当您也用 jQuery 标记它时，您可以使用data()或 attr()：

$( '#like' ).data( 'value' );
$( '#like' ).attr( 'data-value' );

使用data()您只能读取值，而不能更新它！data()指的是一个 jQuery 数据对象，它只是用data-HTML 元素的字段初始化，但不更新它们！