javascript - jQuery拼接DOM元素

Question

我想执行一个非常类似于原生 Array.splice 的拼接方法，但我想拼接一个 DOM 元素的 jQuery 集合。这是如何干净地完成的？

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

Answer 1

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

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

Answer 2

使用 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后半部分则具有蓝色背景。

这里有一些证据。

此外，混合标签没有问题（例如<p>，<div>标签可以在数组中，jQuery 将按预期工作）。见这里。