find

JsAaron · JsAaron · commit 080f25dd2370 · 2014-09-24T18:30:54.000+08:00
diff --git a/version/src/节点遍历.html b/version/src/节点遍历.html
@@ -9,6 +9,7 @@
 </head>
 <body>
 
+
 <ul class="level-1">
   <li class="item-i">I</li>
   <li class="item-ii">II
@@ -27,24 +28,27 @@
   <li class="item-iii">III</li>
 </ul>
 
+<script type="text/javascript">
 
-<ul>
-   <li class="first">list item 1</li>
-   <li>list item 2</li>
-   <li class="third-item">list item 3</li>
-   <li>list item 4</li>
-   <li class="end">list item 5</li>q
-</ul>
+var li = $('.item-ii');
+
+console.log( li.find('li')  )
 
 
-<script type="text/javascript">
 
-  console.log(document)
+function sibling(n, elem) {
+  var matched = [];
+  for (; n; n = n.nextSibling) { //如果存在下一个兄弟节点
+    if (n.nodeType === 1 && n !== elem) { //是元素节点，且不是当前选择器元素
+      matched.push(n);
+    }
+  }
+  return matched;
+}
 
-  console.log( document.querySelectorAll('.first')[0] )
+var ul = document.querySelectorAll('.level-2')[0];
 
 
- console.log(   document.body.appendChild( document.querySelectorAll('.first')[0]) )
 
 </script>
 
diff --git a/version/src/节点遍历sibling.html b/version/src/节点遍历sibling.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html>
+<head>
+	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
+	<title>参考对照学习</title>
+	 <script src="core.js"></script>
+	 <script src="sizzle.js"></script>
+	 <script src="other.js"></script>
+</head>
+<body>
+
+
+<ul>
+  <li>list item 1</li>
+  <li>list item 2</li>
+  <li class="third-item">list item 3</li>
+  <li>list item 4</li>
+  <li>list item 5</li>
+</ul>
+
+<script type="text/javascript">
+
+
+  function sibling(n, elem) {
+    var matched = [];
+    for (; n; n = n.nextSibling) {
+      if (n.nodeType === 1 && n !== elem) {
+        matched.push(n);
+      }
+    }
+    return matched;
+  }
+
+ var thirdItem = document.querySelectorAll('third-item')[0]
+
+ var results = sibling(thirdItem.parentNode.firstChild, thirdItem)
+
+ console.
+
+// console.log(   document.body.appendChild( document.querySelectorAll('.first')[0]) )
+
+</script>
+
+</body>
+</html>
