无法使用 attr() 从 div 中获取值

Dada 发表于 Dev

胸部

检查下面的html代码。我想isred通过 jquery获得点击的价值。但我的代码的问题是这会在 console.log 中返回未定义的错误。我该如何解决？

html：

<div value="123102302155" upc="076174942026" class="btn btn-default btnAmazon"><i data-toggle="tooltip" data-placement="top" title="" class="fa fa-bullseye fa-lg" style="color:#82f520" isred="0" data-original-title="We successfully match supplier product, click to compare"></i></div>

查询：

$(document).on("click", ".btnAmazon", function (e) {

var isred = $(this).attr("isred");
                console.log(isred);

});

尼玛布巴德

您的.btnAmazon div 没有isred属性。如果要向 html 添加自定义属性，请尝试使用data-iserd="value". 在 SEO 术语中，它不是 html 元素的标准属性。您可以像这样使用 jquery 获取值：

var isred = $(this).data("isred");

您访问该属性的查询也是错误的。试试这个：

var isred = $('i', this).data("isred");

更新

$(function() {
  $(document).on("click", ".btnAmazon", function (e) {
    alert($('i',this).data("isred"));
  });
});

.btnAmazon {

  width: 100%;
  height: 200px;
  background-color: yellow;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div value="123102302155" upc="076174942026" class="btn btn-default btnAmazon">
  <i data-toggle="tooltip" data-placement="top" title="" class="fa fa-bullseye fa-lg" style="color:#82f520" data-isred="10" data-original-title="We successfully match supplier product, click to compare"></i>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。