用jquery抓取html自定义attr值

Question

HTML部分：

<div title="Find on Amazon" data-value="54588047" class="btn btn-default btnAmazon" style="padding-top:5px !important" data-toggle="modal" data-target="#FindOnAmazonModal"><i class="fa fa-bullseye"></i></div>

Jquery部分：

var id = $("data-value").val();

请仔细阅读以上代码。我的目标是获取“数据值”属性值并将其设置为“id”变量。 jquery部分不工作。任何想法？

Answer 1

最好获取数据属性，如：

var id = $(".btnAmazon").data("value");

Answer 2

你必须这样做：

var id = $(".btnAmazon").attr("data-value");

$(".btnAmazon")将选择元素，.attr("data-value")将获取属性的值

<强>演示

＆＃13;

＆＃13;

var id = $(".btnAmazon").attr("data-value");
console.log(id)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div title="Find on Amazon" data-value="54588047" class="btn btn-default btnAmazon" style="padding-top:5px !important" data-toggle="modal" data-target="#FindOnAmazonModal"><i class="fa fa-bullseye"></i></div>

＆＃13;

＆＃13;

＆＃13;