JQuery 节点遍历的例子
本文导语: 例子,JQuery 节点遍历 实现代码。 代码示例: JQuery 节点遍历_www. $(function () { //-----举例1.获取节点之前的挨着的第一个兄弟元素 //var $divs = $("#div2").prev("...
例子,JQuery 节点遍历 实现代码。
JQuery 节点遍历_www.
$(function () {
//-----举例1.获取节点之前的挨着的第一个兄弟元素
//var $divs = $("#div2").prev("div"); //只获取div
//ShowArraysID($divs);
//-----举例2.获取节点之前的所有兄弟元素
//var $divs = $("#div2").prevAll("div"); //只获取div
//var $divs = $("#div2").prevAll(); //获取所有兄弟元素
//ShowArraysID($divs);
//-----举例3.获取节点之后的挨着的第一个兄弟元素
//var $divs = $("#div2").next("div"); //只获取div div2后紧挨着的是input所以返回零个元素
//ShowArraysID($divs);
//-----举例4.获取节点之后的所有兄弟元素 类似prevAll 方向相反
//var $divs = $("#div2").nextAll(); //获取所有兄弟元素
//ShowArraysID($divs);
//-----举例4.siblings()方法用于获取所有同辈元素(前后都拿到)
//$(".menuitem").siblings("li")。siblings、next等所有能传递选择器的地方能够使用的语法都和$()语法一样。
//var $divs = $("#div2").siblings("div"); //获取id为div2前后的所有div元素
//ShowArraysID($divs);
var $divs = $("#div2").siblings(); //获取id为div2前后的所有元素
ShowArraysID($divs);
});
function ShowArraysID($jqueryArr) {
var output = "";
for (var i = 0; i < $jqueryArr.length; i++) {
if (output == "") {
output = $jqueryArr.eq(i).attr("id");
}
else {
output += "," + $jqueryArr.eq(i).attr("id");
}
}
alert(output);
}