Jquery在开场div之后追加

Question

我有一个代码，应该在div中创建两个元素，但创建的元素应该放在开始div之后。

看起来像这样：

HTML结果

<div id="sidebar_right">
    <div class="inside_sidebar">
    <div class="ce_text download" style="border: 1px solid Red">
<div class="text1">hello stackoverflow 1</div>
<div class="text2">hello stackoverflow 2</div>
        <p>This text is surrounded by a DIV tag whose id is "targetDIV".</p>
    </div>
    </div>
</div>

代码

$("<div>hello stackoverflow </div>").appendTo("#sidebar_right.ce_text.download"); 

小提琴

http://jsfiddle.net/5b4xtoqh/1/

你们能帮助我吗？

Answer 1

<强> Demo

使用.prepend()

JS

$(".ce_text").prepend("<div>hello stackoverflow </div>");

参考：.prepend documentation on jquery.com

Answer 2

在#sidebar_right和类之间需要一个空格，因为这些类属于后代，而不是同一个元素。

此外，如果您希望在段落之前添加hello stackoverflow，则需要使用prepend，而不是append。 Append在最后添加新元素，prepend在开头添加它。

$("<div>hello stackoverflow </div>").prependTo("#sidebar_right .ce_text.download"); 

Corrected fiddle

Answer 3

试试这个

$("#some_element").appendTo( $("#sidebar_right .ce_text.download") ); 

Answer 4

在此处使用space并使用.prependTo将新元素放置在目标div中的顶部索引处：

.prependTo("#sidebar_right .ce_text.download");
//------------------------^----------here

Answer 5

您的选择器出错。 试试这个jQuery代码：

$("<div>hello stackoverflow </div>").appendTo("#sidebar_right .download"); 

Answer 6

你的jquery

$("<div>hello stackoverflow </div>").appendTo("#sidebar_right .ce_text"); 

DEMO