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

可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法，下面带那给出ul下第4个li的内容

$("ul li:eq(3)")  // 元素的index位置工0开始计数，所以这里的3实际为第4个元素

$("ul")find("li")eq(3)

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取指定位置元素：</span><br>

<div class="content">

<li>梨子</li>

<li>李子</li>

<li>栗子</li>

<li>荔枝</li>

</div>

第&nbsp;<input type="text" name="num">&nbsp;个li元素<input type="button" value="确定">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{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 = $("divcontent")find("li")eq(num)text(); // eq()遍历方法

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

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

alert(str);

})

})

观察效果

1．HTML结构

< input type = "checkbox" name = "test" value = "1" / > < span > 1 < / span >

< input type = "checkbox" name = "test" value = "2" / > < span > 2 < / span >

< input type = "checkbox" name = "test" value = "3" / > < span > 3 < / span >

< input type = "checkbox" name = "test" value = "4" / > < span > 4 < / span >

< input type = "checkbox" name = "test" value = "5" / > < span > 5 < / span >

2．Javascript代码：

函数show（）｛

Obj文件。getElementsByName（“测试”）；

Check＿val＝［］；

For（kinobj）｛

如果（obj［k］。检查）

Check＿val。Push（obj［k］。值）；

｝

警报（check＿val）；

｝

扩展资料：

JQuery对复选框的各种 *** 作：

1．根据id获取复选框：

＄（＂＃cbCheckbox1＂）；

2．得到所有的复选框：

＄（＂input［type＝＇checkbox＇］＂）；／／或

＄（＂input［name＝＇cb＇］＂）；

3．获得所有选中的复选框：

＄（＂input：thecheckboxchecked＂）；／／或

＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或

＄（＂input［type＝＇checkbox］：checked＂）；／／或

＄（＂input：［name＝＇ck＇］：checked＂）；

原生的方法，用于获取元素的个数或者对象的长度，从1开始

//用于获取对象的长度，从1开始

var length = $("#uw3c")length;

size()是jQuery中的方法，用来获取元素个数，从1开始。

var length = $("#uw3c")size();

length与size()的区别：

如果要是获取字符串长度的话，那么用那个都一样。如果要是获取元素个数，那么只能用size();

以上就是关于jquery 怎样获取某元素以下的第n个元素全部的内容，包括:jquery 怎样获取某元素以下的第n个元素、jquery获取div中checkbox 选中的个数、jq ajax 返回的数据怎么获取其中一部分等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！