jquery 怎样获取某元素以下的第n个元素

1个回答

  • 可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法,下面带那给出ul下第4个li的内容$("ul li:eq(3)")// 元素的index位置工0开始计数,所以这里的3实际为第4个元素

    $("ul").find("li").eq(3)示例代码如下创建Html元素

    点击按钮获取指定位置元素:

    梨子

    李子

    栗子

    荔枝

    个li元素

    设置css样式div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

    div.box span{color:#999;font-style:italic;}

    div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

    li{margin:10px 0;}

    input[type='text']{width:50px;padding:5px 10px;border:1px solid #ff9966;}

    input[type='button']{height:30px;margin:10px;padding:5px 10px;}编写jquery代码$(function(){

    $("input:button").click(function() {

    num = $("input:text[name='num']").val()-1;// index从0开始计算

    str = $("div.content").find("li").eq(num).text(); // eq()遍历方法

    // 或者使用如下:eq()选择器的方法,单数之一要拼接字符串

    // str = $("div.content li:eq("+num+")").text()// :eq()选择器

    alert(str);

    })

    })观察效果