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);

})

})

观察效果

首先要确定你的上面有<input type="password" id="newpassword" /> <div class="msg"></span> 或者 <input type="password" id="newpassword" /><div class="msg"></span>

如果每一div或者span是不能用html(("Password composed of 6 to 16 half-width characters(character,number,symbol), case sensitive");的，如果没有class =“msg”，也是不能用next("msg")的

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。

1children()方法：获取该元素下的直接子集元素

2find()方法：获取该元素下的所有子集元素

3children()方法获取ul下面直接子集元素li：$("ul")children("li")

4find()方法获取ul下所有元素li：$("ul")find("li")

5children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点

prev()

定义和用法

prev()

获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。

prev(selector)

参数描述

selector

字符串值，包含用于匹配元素的选择器表达式。

--说明：如果给定一个表示

DOM

元素集合的

jQuery

对象，prev()

方法允许我们在

DOM

树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的

jQuery

对象。

next()

定义和用法

next()

获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

next(selector)

参数描述

selector

字符串值，包含用于匹配元素的选择器表达式。

--说明：如果给定一个表示

DOM

元素集合的

jQuery

对象，next()

方法允许我们搜索

DOM

树中的元素紧跟的同胞元素，并用匹配元素构造新的

jQuery

对象。

示例：

<!--HTML代码-->

<div id="div1">111</div>

div id="div2">222</div>

div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id，值为div1

$("#div2")next()attr("id"); //获取div2同级的下一个div的id，值为div3

可以通过类名的不同，比如

<ul>

<li class=“li”>第一个子元素</li>

<li class=“li spe”>第二个子元素</li>

<li class=“li”>第三个子元素</li>

</ul>

可以使用$("ul")children("spe")来获得第二个子元素

也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素

如果是不一样的子元素，比如

<div class="mydiv">

<p>第一个子元素</p>

<div>第二个子元素</div>

<a>第三个子元素</a>

</div>

获取p标签$("mydiv")find("p")或者$("mydiv")children("p");

以上就是关于jquery 怎样获取某元素以下的第n个元素全部的内容，包括:jquery 怎样获取某元素以下的第n个元素、jquery 在each（）函数中为什么获取不到当前元素的下一个元素、jquery 如何获取当前元的子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！