如何檢索jquery中多個級別的所有子元素的類名？

Question

我想檢索多個級別的子元素的類名稱。我正在嘗試跟隨，但它只給出了後方子元素的類名。我究竟做錯了什麼 ？

<script type="text/javascript"> 
    $(document).ready(function(){ 
    thisP=$("#myParagraph"); 
    getChildStyles(thisP); 
    //function 
function getChildStyles(thisobj) { 
var classNames; 
var classNames1; 
$(thisobj).children().each(function(){ 
    classNames+=$(this).attr('class'); 
    if($(this).children().length>0) { 
      classNames1+=getChildStyles($(this)); 
     } 
     classNames+=classNames1;   
    }); 
    return classNames; 
} 
}); 
</script> 

和HTML，

<ul id="myParagraph" class"mainUL"> 
    <li id="LIOne">ksjdfhsdf</li> 
    <li id="LITwo">skdjfkdsf<span class"span1Class"><span class="span2class"></span> 
    </span></li> 
    <li id="LIThree" class="thirdLIClass">edroiutret</li> 
    </ul> 

Answer 1

可以使用.map()，這樣得到的名稱簡單一點的快速陣列：

$(document).ready(function(){ 
    var arrayOfClassNames = $("#myParagraph").find("[class]").map(function() { 
    return this.className; 
    }).get(); 
}); 

You can test it out here。

如果你想要一個字符串，你可以只做arrayOfClassNames.join('') ...或者你想真的使用它。