Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Sizzle和JS将div放入数组_Javascript_Arrays_Sizzle - Fatal编程技术网

Javascript 使用Sizzle和JS将div放入数组

Javascript 使用Sizzle和JS将div放入数组,javascript,arrays,sizzle,Javascript,Arrays,Sizzle,有没有办法将这些数据放入数组 myVar = Sizzle('.item'); 我需要在不使用jQuery的情况下将每个项都放入一个数组中。我知道每个项目中DIV的名称,Sizzle库作为依赖项,下面将迭代所有父项,然后迭代每个父项的所有子项 [0] itemid => 001 itemname=> name 1 [1] itemid => 002 itemname => name 2 我在ChromeDevTools控制台中得到的输出是 <

有没有办法将这些数据放入数组

myVar = Sizzle('.item');

我需要在不使用jQuery的情况下将每个项都放入一个数组中。我知道每个项目中DIV的名称,Sizzle库作为依赖项,下面将迭代所有父项,然后迭代每个父项的所有子项

[0] itemid => 001
    itemname=> name 1


[1] itemid => 002
    itemname => name 2
我在ChromeDevTools控制台中得到的输出是

<div class="item">
   <div id="itemid">001</div>
   <div id="itemname">name 1</div>
</div>

<div class="item">
   <div id="itemid">002</div>
   <div id="itemname">name 2</div>
</div>

那太好了,很有魅力。。非常感谢你的帮助。。非常感谢!很高兴提供帮助:-)我刚刚更新了在Firefox中使用的代码,它使用
textContent
而不是
innerText
-另请注意,
innerText
是用来支持IE的。Firefox、Safari和Chrome都支持W3C标准
textContent
,非常感谢您让我的日子过得更顺利!
<script type='text/javascript' src='https://raw.github.com/jquery/sizzle/master/sizzle.js'></script>
<script type='text/javascript'>
    var itemDivs = Sizzle('.item')
    var items = []
    for (var i = 0; i < itemDivs.length; i++) {
        var children = Sizzle('div', itemDivs[i])
        var item = {}
        for (var j = 0; j < children.length; j++) {
            item[children[j].id] = children[j].innerText || children[j].textContent
        }
        items.push(item)
    }

    console.log(items)
</script>
<div class="item">
   <div id="itemid">001</div>
   <div id="itemname">name 1</div>
</div>

<div class="item">
   <div id="itemid">002</div>
   <div id="itemname">name 2</div>
</div>
[Object, Object]
0: Object
    itemid: "001"
    itemname: "name 1"
    __proto__: Object
1: Object
    itemid: "002"
    itemname: "name 2"
    __proto__: Object
    length: 2
    __proto__: Array[0]