JQuery - 点击按钮后尝试获得最接近的ul

时间:2015-07-01 19:08:39

标签: jquery html

我试图用jquery做一个简单的减法。但我不确定如何获得badge类的价值。

$(".click").on("click", function( e ) {
    var cost = $(this).closest("ul:first-child > span").text();
    alert(cost);
    var user_points = $("user-points").text();
    $("span.user-points").text(user_points - cost);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span class="user-points">5</span>

<ul>
  <li>
    <span class="badge">2</span>
  </li>
  <li></li>
  <li></li>
  <li></li>
  <li>
    <button class="click">Click</button>
  </li>

</ul>

1 个答案:

答案 0 :(得分:0)

你可以尝试:

   $(".click").on("click", function( e ) {
      var cost = $(this).closest("ul").find("li").first().text();
      alert(cost);
      var user_points = $(".user-points").text();
      $("span.user-points").text(user_points - cost);
   });

见这里:http://jsfiddle.net/zrxw00tp/6/

注意:您对“用户点”的引用也缺少一段时间,因此没有找到它。

编辑:我应该使用“nearest()”而不是“parent()”,如下面的评论中所述。