JQuery-尝试在单击按钮后获取最接近的ul

我试图用jquery做一个简单的减法运算。但是我不知道如何获得

badge

class的值

$(".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>

$（.click”）。在（“click”上，函数（e）{
var cost=$（this）.closest（“ul:first child>span”）.text（）；
警报（成本）；
var user_points=$（“用户点数”）.text（）；
$（“用户积分”）.text（用户积分-成本）；
});
5.


2.





点击

您可以尝试：

   $(".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);
   });

请看这里：

注意：您对“用户点”的引用也缺少一个句点，因此找不到它

---

编辑：我应该使用“最近的（）”而不是下面评论中提到的“父母（）”。

谢谢。我也看到了缺失的句号。如果有多个嵌套列表，请使用

最近的（“ul”）

而不是

父列表（“ul”）

。最近的是最快的：