如何从链接标签获取数据属性值？

Question

我正在使用一些Html和jQuery代码。我想从链接标记中获取<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $(document).ready(function(){ $(this).click(function(){ console.log($(this).data("name")); }); }); </script> <a class="dz-cover" href="javascript:undefined;" data-name="cover" data-dz-remove="">Make Cover</a> 值。 以下是我正在使用的链接代码：

console.log($(this).data("name"));

当我点击链接标签时，我的jquery代码低于$msg="Pancake, Waffle -400"; echo substr($msg, 0, strpos($msg, '-')); ，但它给了我未定义我在哪里做错了请帮帮我

Answer 1

尝试以下代码

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
  $(".dz-cover").click(function(){
    console.log($(this).attr("data-name"));
  });
});
</script>

Answer 2

1. 您需要包含点击事件
2. 您也需要取消该点击事件
3. 现在取消点击
，请摆脱丑陋的JavaScript href

喜欢这个

$(function(){
  $(".dz-cover").on("click",function(e){
    e.preventDefault(); 
    console.log($(this).data("name"));
  });
});

使用

<a class="dz-cover" href="plsenablejs.html" data-name="cover" data-dz-remove="">Make Cover</a>