将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 中的单独变量中。我怎样才能做到这一点？？

提前谢谢...:)

爆破

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/