JS/JQuery獲取當前元素的上一個/下一個兄弟級元素等元素的方法

總是找有點煩！直接抄一份存着！

$(function(){
    //遍歷獲取的input元素對象數組，綁定click事件
    var len = $("input[type='file']").length;
    for(var i = 0; i < len; i++){
        $("input[type='file']").eq(i).click(function(){
            $(this).next().val("");
            $(this).next().hide();
            $(this).css("width","200px");
        })
    }
}

jQuery獲取：

jQuery.parent(expr)，找父親節點，能夠傳入expr進行過濾，好比\(("span").parent()或者\)("span").parent(".class")
jQuery.parents(expr)，相似於jQuery.parents(expr),可是是查找全部祖先元素，不限於父元素
jQuery.children(expr)，返回全部子節點，這個方法只會返回直接的孩子節點，不會返回全部的子孫節點
jQuery.contents()，返回下面的全部內容，包括節點和文本。這個方法和children()的區別就在於，包括空白文本，也會被做爲一個jQuery對象返回，children()則只會返回節點
jQuery.prev()，返回上一個兄弟節點，不是全部的兄弟節點
jQuery.prevAll()，返回全部以前的兄弟節點
jQuery.next()，返回下一個兄弟節點，不是全部的兄弟節點
jQuery.nextAll()，返回全部以後的兄弟節點
jQuery.siblings()，返回兄弟姐妹節點，不分先後
jQuery.find(expr)，跟jQuery.filter(expr)徹底不同：

jQuery.filter()，是從初始的jQuery對象集合中篩選出一部分，而

jQuery.find()，的返回結果，不會有初始集合中的內容，好比\(("p").find("span")，是從<p>元素開始找<span>，等同於\)("p span")

JS獲取：

var chils= s.childNodes;  //獲得s的所有子節點
var par=s.parentNode;   //獲得s的父節點
var ns=s.nextSibling;   //得到s的下一個兄弟節點
var ps=s.previousSibling;  //獲得s的上一個兄弟節點
var fc=s.firstChild;   //得到s的第一個子節點
var lc=s.lastChild;   //得到s的最後一個子節點