将内容插入已插入的内容

时间:2010-10-27 12:36:36

标签: javascript jquery

好吧,我被困住了,希望你能提供帮助。 我创建了一个文本示例并将其放在帖子的末尾。提前谢谢。

在网站上有例如50个条目 - 就像评论一样。其中一些条目中的一些p元素包含特殊文本。这只是我获取特殊文本的片段。

$("p:contains('special text')")

我也希望获得父div元素,并克隆特殊文本和div文本。

$("p:contains('special text')").parent("div").clone()

此外,我想插入内容为id = fortext:

的div元素
$("#fortext").append($("p:contains('special text')").parent("div").clone())

现在,这就是我被卡住的地方,有一些条目包含一个列表点。我这样得到了listpoint:

$("li:contains('listpoint text'):last").clone()

我正在克隆'文本',因为文本将从条目中删除。

然而,条目列表从条目#1开始,以条目#50结束。 它有一个年表。通过克隆p元素内容并将其插入到我的div中,条目的年表将被遵守。

我也想添加listpoint。如果我使用追加像:

$("#fortext").append($("p:contains('special text')").parent("div").clone()).append($("li:contains('listpoint text'):last").clone());

插入li元素的内容,是的,但是在插入的p元素内容之后。 如何将li元素内容插入到p元素内容中?那么条目的时间顺序是否成立?


条目#1 特别文本1

条目#2 没有文字

条目#3 列表点文本

条目#4 特别文本2

// 我的输出是:

特殊文字1 div文本

特殊文字2 div文本

listpoint文本

// 我的输出应为:

特殊文字1 div文本

listpoint文本

特殊文字2 div文本

修改

你可以找到我所指的here

的html结构

1 个答案:

答案 0 :(得分:0)

我并不完全掌握你想要完成的事情,但在我看来,克隆一切以维持你想要的顺序会更容易,然后修剪出你不想要的东西。

类似的东西:


var $cloned = $(...).clone();
$cloned.find("p.some-selector").addClass("keep");
$cloned.find("ul.another-selector").addClass("keep");
$cloned.find("p,ul").not(".keep").remove();
$cloned.find("p,ul").removeClass("keep");
$("#fortext").append($cloned);