Question

我希望在类处于活动状态时获取数据值。当我点击导航标签时，它警告未定义如何解决此错误？请帮帮我。

HTML：

<ul class="nav nav-tabs">
  <li class="active" data-value="buy"><a data-toggle="tab" href="#home">BUY</a></li>
  <li data-value="rent"><a data-toggle="tab" href="#home">RENT</a></li>
  <li><a href="Post_Property.html">SALE</a></li>
</ul>

jQuery的：

  $(".nav-tabs").click(function(){
    alert($(".active").attr("data-value"));
  })

Answer 1

＆＃13;

final

＆＃13;

$('.nav-tabs').on('shown.bs.tab', function (e) {
      alert($(".active").attr("data-value"));
    });

＆＃13;

我已经更新了代码中的更改，你可以使用shown.bs.tab方法进行bootstrap。

Answer 2

您可以获取数据属性，如：

$(".active").data("value");

它将返回data-value，在您的情况下，DOM未正确遍历。正确的代码是：

$(".nav-tabs").click(function(){
    alert($(this).find(".active").data("value"));
})

因为.active是.nav-tabs的孩子，所以你必须遍历它。

Answer 3

只需遍历并获取有效标记，如下所示：

$(".nav-tabs").click(function(){
    alert($(this).find(".active").attr("data-value"));
});

此外，您可以使用attr('data-value')代替data("value")。

jQuery如何获取类活动的数据值？

3 个答案: