2

我想将此代码转换为数组。

<div id="Parent">
     <div class="childOne" ><span id="1dfgdffsf">ChildOne </span></div>
     <div class="childOne" ><span id = "2sdfsf">ChildTwo</span> </div>
     <div class="childOne" ><span id="3sdfsf">ChildThree </span></div>
     <div class="childOne" ><span id="4dssfsf">ChildFour </span></div>
</div>

span id 是动态的。因此我不能使用它。请告诉我如何将它转换为数组。

4

5 回答 5

4

您将不得不遍历每个元素并将其推送到数组中

//declare an array
var my_array = new Array();

//get all instances of the SPAN tag and iterate through each one
$('div#parent div.childOne span').each(function(){

    //build an associative array that assigns the span's id as the array id
    //assign the inner value of the span to the array piece
    //the single quotes and plus symbols are important in my_array[''++'']
    my_array[''+$(this).attr('id')+''] = $(this).text();

    //this code assigns the values to a non-associative array
    //use either this code or the code above depending on your needs
    my_array.push($(this).text());

});
于 2013-07-22T13:02:23.787 回答
3

如果您不使用库，则以下内容应该可以正常工作：

var result = [], matches = document.querySelectorAll("#Parent span");
for (var i = 0, l = matches.length; i < l; i++) 
    result.push(matches[i].getAttribute("id"));

否则，如果该document.querySelectorAll功能不受支持：

var result = [], parent = document.getElementByID("Parent");
for (var i = 0, l = parent.childNodes.length; i < l; i++) 
    result.push(parent.childNodes[i].childNodes[0].getAttribute("id"));

如果您想获取键/值对，则可以执行以下操作：

var result = [], matches = document.querySelectorAll("#Parent span");
for (var i = 0, l = matches.length; i < l; i++) 
    result[matches[i].getAttribute("id")] = matches[i].text;

使用 jQuery，它就像一行代码一样简单：

var result = $("#Parent span").map(function() { return $(this).attr("id"); }).get();
于 2013-07-22T12:53:27.567 回答
0

下面的代码可能会帮助你：

<!DOCTYPE html>
<html>
<head>
<style>
div { color:red; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div>First</div>
<div>Second</div>
<div>Third</div>
<div>Fourth</div>
<script>
var elems = document.getElementsByTagName("div"); // returns a nodeList
var arr = jQuery.makeArray(elems);
arr.reverse(); // use an Array method on list of dom elements
$(arr).appendTo(document.body);
</script>
</body>
</html>
于 2013-07-22T12:51:57.467 回答
0

首先，尽量避免用大写字母命名 id 和 classes。然后试试这个：

var arr = [];
$('#parent').children().each(function(){
  arr.push($(this).find('span').text());
}
于 2013-07-22T13:02:08.527 回答
0

这很简单，因为：

jQuery(function($) {
var anArray = [];
$("#Parent").find("span").each(function(){
    anArray.push($(this).html());
});
alert(anArray);
});
于 2013-07-22T13:16:33.263 回答