店AJAX類 - jQuery的

Question

我有一個PHP文件file.php返回

<ul class="class1"> 
    <li class="class2"><a href="#" rel="">file</a></li> 
    <li class="class3"><a href="#" rel="">file</a></li> 
</ul> 

稱爲由我的JavaScript

<script type="text/javascript"> 
$(document).ready(function() { 
     $('#list').fileTree({ root: 'docs/', 
           script: 'file.php', 
           }, 
         function(file) { 
           open(file); 
         }); 
}); 
</script> 

裏面使用<div id="list">

我想存儲返回的class1，class2和class3（他們變化）在單獨變量在我的JavaScript。我如何使這可能？

在此先感謝... :)

blasteralfred

Answer 1

您可以使用.map()來獲取類的數組。

一旦ul裏面<div id="list">，你可以這樣做：

var classes = $('ul,li', '#list').map(function(i,v){ 
    return $(v).attr('class'); 
}).get(); 

您也可以在HTML字符串運行.map()：

var html = '<ul class="class1"><li class="class2"><a href="#" rel="">file</a></li><li class="class3"><a href="#" rel="">file</a></li></ul>'; 

var classes = $(html).add('li', html).map(function(i, v) { 
    return $(v).attr('class'); 
}).get(); 

在這兩種情況下，classes將是一個數組： [class1, class2, class3]。

活生生的例子：http://jsfiddle.net/CRFft/