我测试时类选择器返回null

Question

我有一个设置html的剪辑。基本结构是

<div>
 <div></div>
 <div class="some_class another_class ticket_print_wrapper visible"></div>
</div>

所以我试图通过代码插入另一个按钮。要做到这一点，我正在使用（粗略地说）：

$(".ticket_print_wrapper").insertAfter("<p>Moo</p>");

这里有一个jsfiddle： http://jsfiddle.net/Zmxpt/

它似乎不接受".ticket_print_wrapper"作为对象。有人可以打破我在这个上的不安痛苦吗？

Answer 1

如果您想使用两个按钮在同一级别添加其他内容，请使用$(".actions").append("<p>Moo</p>");。

Demo

Answer 2

试试这个

$("<p>Moo</p>").insertAfter(".ticket-print-wrapper");

语法是newElement.insertAfter（target） 在您的示例中，您的目标是ticket-print-wrapper。

Answer 3

1 - 你的小提琴中有一个拼写错误。

2 - $(element1).insertAfter(element2), will insert element1 after element2. You are using it reverse.

http://jsfiddle.net/Zmxpt/1/

$("<p>Moo</p>").insertAfter(".ticket-print-wrapper");

Answer 4

两件事：

1. .ticket-print-wrapper与.ticket_print_wrapper

不同

2. 您想使用$().after()代替$().insertAfter()

http://jsfiddle.net/gunderson/Zmxpt/3/