+
81
-

jquery中next()、prev()和siblings()有什么区别?

jquery中next()、prev()和siblings()有什么区别?

高手回复

+
0
-

jquery里我们要获取某个元素的相邻元素时,可以用到的命令有三个:

next():用来获取下一个同辈元素。
prev():用来获取上一个同辈元素。
siblings():用来获取所有的同辈元素。

下面来看看简单的实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
alert($("#2").next().html()); //这个获取的等同于$("#3")
alert($("#2").prev().html()); //这个获取的等同于$("#1")
alert($("#2").siblings().eq(0).html()); //这个获取的等同于$("#1,#3")
});
</script>
<style>
</style>
</head>
<body>
<div>
<p id="1">
1
</p>
<p id="2">
2
</p>
<p id="3">
3
</p>
</div>

</body>
</html>

by bfwui
我知道答案,我要回答