如何向javascript数组添加子标记

如何向javascript数组添加子标记,javascript,jquery,zepto,Javascript,Jquery,Zepto,我试图用div的所有直接子元素填充数组。 例如: 要将标记放入数组中,您可以使用jQuery轻松使用(尽管我不熟悉): 要使用它们,您可以尝试: for(i=0;i<elementsArray.length;i++){ $('div').find(elementsArray[i]).css('color','red'); } 唉,我是个白痴。最后的迭代如下所示,这在一定程度上降低了复杂性,并允许根据每个元素在数组中的位置对其进行适当的迭代: var elementsArra

我试图用div的所有直接子元素填充数组。 例如:


要将标记放入数组中,您可以使用jQuery轻松使用(尽管我不熟悉):

要使用它们,您可以尝试:

for(i=0;i<elementsArray.length;i++){
    $('div').find(elementsArray[i]).css('color','red');
}

唉,我是个白痴。最后的迭代如下所示,这在一定程度上降低了复杂性,并允许根据每个元素在数组中的位置对其进行适当的迭代:

var elementsArray = [];

$('div').children().each(
    function(i){
        elementsArray.push(this.tagName.toLowerCase());
    });

for(i=0;i<elementsArray.length;i++){
    $('div')
        .children()
        .eq(i)
        .css('color','red');
}
它将选择并瞄准
div
元素的每个直接子元素,而无需先将它们保存在用户创建的数组变量中,也无需将它们保存在数组变量中。

$(“div”).children().toArray()

$(“元素1”、“元素2”、“元素3”)


这是否意味着要将数组用作jQuery选择器?或者你真的想要标签名

每个DOM节点都有一个
childNodes
属性,该属性包含所讨论节点的所有直接后代。

看起来不错。我认为这也会在zepto中起作用:)。你知道2e部分吗?例如,我将如何使用该数组中的标记并向其添加样式?正如您所评论的,我正在添加该标记,请参见编辑。虽然它带有一个警告。这正是我想要的。要以中的所有元素为目标:)。内容各不相同,这就是我需要检查的原因:)。我要针对的元素与我选择elemts so$('div').children()的元素不在同一个元素中;这是行不通的。但你是对的,你在这方面做了很多工作:那么,这是有意义的;不客气,我很高兴能帮上忙!=)啊,好的!看到它用jQuery标记,并忽略了zepto部分:)…这又是一个
Array.prototype.slice.call(list)调用远离数组。
for(i=0;i<elementsArray.length;i++){
    $('div').find(elementsArray[i]).css('color','red');
}
var elementsArray = [];

$('div').children().each(
    function(i){
        elementsArray.push(this.tagName.toLowerCase());
    });

for(i=0;i<elementsArray.length;i++){
    $('div')
        .find(elementsArray[i])
        .not('.edited')
        .eq(0).css('color','red')
        .addClass('edited');
}
var elementsArray = [];

$('div').children().each(
    function(i){
        elementsArray.push(this.tagName.toLowerCase());
    });

for(i=0;i<elementsArray.length;i++){
    $('div')
        .children()
        .eq(i)
        .css('color','red');
}
$('div').children();