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]