jquery - 如何从列表中获取第n个子数值[重复]答案

【问题标题】：jquery - how to get nth-child number value from list [duplicate]jquery - 如何从列表中获取第n个子数值[重复]
【发布时间】：2015-03-12 00:09:21
【问题描述】：

我正在尝试从列表中获取一个数值到 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();

如何让它工作？请帮忙！！

【问题讨论】：

【解决方案1】：

为什么还要麻烦索引，使用$(this).html()

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

【讨论】：

【解决方案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()

【讨论】：