<ul id="list"><li>1<button>a</button></li><li>2<button>b</button><button>o</button></li><p>test</p><li>3<button>c</button></li><li>4<button>d</button></li><li>5<button>e</button></li></ul>

/**** @param parent父節(jié)點* @param ele要選取的元素標簽* @param num第幾個元素* @return {*}*/function nth(parent,ele,num){var _ele=Array.prototype.slice.call(parent.childNodes),eleArray=[];//將父節(jié)點的子節(jié)點轉(zhuǎn)換成數(shù)組_ele;eleArray為只儲存元素節(jié)點的數(shù)組for(var i= 0,len=_ele.length;i<len;i++){if(_ele[i].nodeType==1){eleArray.push(_ele[i]);//過濾掉非元素節(jié)點}}if(arguments.length===2){//如果只傳入2個參數(shù)，則如果第二個參數(shù)是數(shù)字，則選取父節(jié)點下的第幾個元素//如果第二個參數(shù)是字符串，則選取父節(jié)點下的所有參數(shù)代表的節(jié)點if(typeof arguments[1]==="string"){_ele=Array.prototype.slice.call(parent.getElementsByTagName(arguments[1]));return _ele;}else if(typeof arguments[1]==="number"){return eleArray[arguments[1]];}}else{//如果參數(shù)齊全，則返回第幾個某節(jié)點,索引從0開始_ele=Array.prototype.slice.call(parent.getElementsByTagName(ele));return _ele[num];}}/*測試*/var list=document.getElementById("list");console.log(nth(list,"li",2).innerHTML);//選取第三個li元素console.log(nth(list,"button",3).innerHTML)//選取第四個按鈕console.log(nth(nth(list,"li",1),"button",1).innerHTML);//選取第二個li下的第二個按鈕console.log(nth(nth(list,"li",1),"button"));//選取第二個li下的所有按鈕console.log(nth(list,2));//選取第二個元素