javascript - 如何使用 "onclick"方法获取数据属性?

我有两个带有“anchor”标签的“div”,我想获得带有“onclick”功能的“attribute”,这是我的html代码

<div class="upvote_dm">
<a class="pr_vote_up '.$clssup.' btnsnew '.$FeedId.'" data-datac="1" data-flagid='.$FeedId.' id=Up'.$FeedId.' data-type="feed" data-datacw='.$UserWalletAddress.' href="#"  data-id="10" onclick="return AddFeedVotes()"></a>
<span id="UpVoteCount'.$FeedId.'">'.$DefaultUpVotes.'</span>
</div>
                   
<div class="downvote_dm">
<a class="pr_vote_down '.$clssdown.' btnsnew '.$FeedId.'" data-datac="0" data-status="Down'.$FeedId.'" data-flagid='.$FeedId.' id=Down'.$FeedId.' data-type="feed" data-datacw='.$UserWalletAddress.' href="#" data-id="10" onclick="return AddFeedVotes()"></a>
<span id="DownVoteCount'.$FeedId.'">'.$DefaultDownVotes.'</span>
</div>

现在我正尝试通过以下方式获取属性,但显示“未定义”,我哪里错了?

<script>
       function AddFeedVotes()
            {
                var vote = $(this).data('datac');
                var type = $(this).data('type');
                var flagid = $(this).data('flagid');
                            
                alert(vote);
                alert(type);
                 alert(flagid);    
            }
</script>

最佳答案

也许你可以试试原生的javascript

document.querySelector("#btn").addEventListener("click", event => {
  console.log(event.target.dataset.a)
})
<button data-a="111111" id="btn">button</button>

关于javascript - 如何使用 "onclick"方法获取数据属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69973234/

相关文章:

python - 遍历列表并从头开始重新启动

awk - 使用 grep 或 awk 查找 txt 和 csv 文件之间的匹配行

javascript - 带有 Material-UI 的 SSR 上的@emotion/cache

asp.net-core - 安装 .NET 6 后无法创建 EF 迁移

javascript - 如何在 react-native 中结合使用 Drawer Navigat

haskell - 如何使用 `zipTree` 实现 `foldTree` ?

python - 算法题: Finding the cheapest flight

python - AttributeError : module 'cv2.cv2' has no

perl - 从包含日期的文件中排序并提取一定数量的行

r - R中多列的值计数