javascript - 测试时类选择器返回 null

Question

我有一个 set 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>");如果您想使用两个按钮在同一级别添加另一个内容，请使用此选项。

演示

Answer 2

尝试这个

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

语法是 newElement.insertAfter(target) 在您的示例中，您的目标是票据打印包装器。

Answer 3

1 - 你的小提琴有错字。

2 - $(element1).insertAfter(element2)，将在 element2 之后插入 element1。您正在反向使用它。

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/