javascript - jquery - 如何从列表中获取第 n 个子数值

标签 javascript jquery html

<分区>

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

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

最佳答案

为什么还要费心索引,使用$(this).html()

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

关于javascript - jquery - 如何从列表中获取第 n 个子数值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28991680/

相关文章:

html - CSS Fluid 图像问题...垂直对齐和图像不是从 div 的顶部开始

javascript - 如何将值从 javascript 传递到 html 表单上的 php?

javascript - 仅显示一组 sibling 中的两个 <br>

javascript - 在函数外访问局部变量?

javascript - 对我的 javascript 数组进行一些更改,但它在数组中以逗号分隔

jquery - 如何在网页上创建 float 搜索栏

html - border-collapse 在 chrome 和 firefox 中的工作方式不同

javascript - 检查页面中的任何 input 或 textarea 元素是否不为空

javascript - 从 html 输入中获取非类型内容

javascript - 使用 ui-router 和 Angularjs 自动滚动到 TOP