JQuery中节点遍历方法实例
本文实例讲述了JQuery中节点遍历方法。分享给大家供大家参考。具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery节点遍历</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(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);
}
</script>
</head>
<body>
<div id="div1">我是div1</div>
<input id="Text3" type="text" value="我是text1" />
<div id="div2">我是div2</div>
<input id="txt1" type="text" value="我是text1" />
<div id="div3">我是div3</div>
<input id="Text1" type="text" value="我是text2" />
<div id="div4">我是div4</div>
<input id="Text2" type="text" value="我是text3" />
<div id="div5">我是div5</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery DOM节点的遍历方法小结，包括了jQuery DOM节点的遍历方法小结的使用技巧和注意事项，需要的朋友参考一下 本文介绍了jQuery DOM节点的遍历方法小结，分享给大家，也给自己留个笔记 children()方法 jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector)
-
本文向大家介绍Jquery节点遍历next与nextAll方法使用示例，包括了Jquery节点遍历next与nextAll方法使用示例的使用技巧和注意事项，需要的朋友参考一下 Jqeruy节点遍历
-
主要内容：jQuery 遍历方法jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素（包含文本和注释节点） each() 为每个
-
本文向大家介绍jQuery遍历之next()、nextAll()方法使用实例，包括了jQuery遍历之next()、nextAll()方法使用实例的使用技巧和注意事项，需要的朋友参考一下 jquery遍历：next()和nextAll()方法。实例如下： 说明： （1）next()方法：是指获得匹配元素的相邻同同辈元素（即下一个同辈元素），注意，同辈元素并不是标签相同的元素，而是指该元素闭合后的下
-
本文向大家介绍jQuery 遍历map()方法详解，包括了jQuery 遍历map()方法详解的使用技巧和注意事项，需要的朋友参考一下 一、定义和用法 map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 二、语法 三、详细说明 由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组 四、案例： 总结 以上就是这篇文章的
-
本文向大家介绍PHP遍历XML文档所有节点的方法，包括了PHP遍历XML文档所有节点的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了PHP遍历XML文档所有节点的方法。分享给大家供大家参考。具体实现方法如下： 1. contact.xml代码: 2. php代码: 希望本文所述对大家的php程序设计有所帮助。