jquery - 如何从列表中获取nth-child数值

Question

我试图从列表中获取一个数字值到jQuery中。 html中的列表看起来像

    <ul class="score">
      <li id="str">8</li>
      <li id="dex">9</li>
      <li id="con">10</li>
    </ul>

我使用jQuery来确定用户点击的值：

    $("ul.score li").click(function(){
      var index = $(this).index();

给出了索引。最后，这是我被卡住的地方，我想得到分数的价值，所以我可以做计算。我想使用nth-child，因为我有索引。这就是我所做的（不起作用）：

    var abilityScore = $("ul.score li:nth-child(index)").html();

我如何让它工作？请帮忙!!

Answer 1

为什么要对索引感到烦恼，请使用$(this).html()

$("ul.score li").click(function(){
    var value = $(this).html();
});

Answer 2

由于this已指向li，因此只需使用.text()

即可

$("ul.score li").click(function(){
    var value = $(this).text(); //You can also use .html()
});

每当你需要在选择器中使用变量时。使用字符串连接，这是一个例子：

$("ul.score li:nth-child(" + index +")").html()