jq获取li列表第几个元素值,jq获取列表元素方法
侧边栏壁纸
  • 累计撰写 635 篇文章
  • 累计收到 0 条评论

jq获取li列表第几个元素值,jq获取列表元素方法

加速器之家
2024-08-22 / 0 评论 / 5 阅读 / 正在检测是否收录...

假设我们有段html代码,让我我们需要获取其中的元素

<ul class="list">
    <li>列表一</li>
    <li>列表二</li>
    <li>列表三</li>
    <li>列表四</li>
    <li>列表五</li>
</ul>
<button type="button" class="btn">按钮</button>

jquery获取其中元素方法,需要用到eq()方法,元素从0开始

1、点击按钮获取值:

$('.btn').click(function(){
    var a = $('.list li').eq(0).text();
    alert(a);
})

2、点击列表其中一个获取值,我们来获取第二个的值

$('.list li').eq(1).click(function(){
var a =  $(this).text()
alert(a)
});


0

评论

博主关闭了当前页面的评论