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