JQuery拼接DOM元素

时间:2013-01-27 21:17:49

标签: javascript jquery

我想像原生Array.splice一样执行拼接方法,但我想拼接一个DOM元素的jQuery集合。这怎么干净利落的?

编辑:为什么我需要示例代码?我正在寻找ECMAScript Array.splice函数的完全相同的功能,除了我希望它在DOM元素的jQuery数组上工作,并在完成后更新DOM。

2 个答案:

答案 0 :(得分:2)

如果在拼接集合后使用DOM集合,则需要使用该集合重新加载DOM以使更改生效。

因此,使用append和remove关键字进行实时更改..这等于拼接集合。

答案 1 :(得分:1)

使用jQuery选择元素实际上会为您提供一个元素数组,可以将其视为普通的javascript数组以及jQuery对象。要确保数组是jQuery对象,您可以将其包装在jQuery()的调用中。例如:

var x = jQuery('p'),
    y = jQuery(x.splice(x.length / 2, x.length));

x.css('background-color', 'red');
y.css('background-color', 'blue');

x包含<p>个标签的前半部分,现在都有红色背景,y的后半部分为蓝色背景。

这里有一些proof

此外,混合标记没有问题(例如<p><div>标记可以在数组中,jQuery将按预期工作)。请参阅here