php - 在动态创建的表单字段 Jquery .insertBefore 之前添加标题

Question

我有一个动态创建的表单，所以我无法编辑表单本身的布局。但是，我想在表单中的一个文本输入字段上方添加一个标题。我为该字段提供了一个唯一的 css ID，并使用以下脚本尝试在它之前添加我的标题：

<script type="text/javascript">
$('<h5 class="form_title">Calculate Return</h5>').insertBefore('#price');
</script>

出于某种原因，这不起作用，任何人都可以想到为什么会这样。这是有问题的页面

http://www.theres-a-thought.com/client-yourdream/?page=property_submit

Answer 1

将准备好的文档添加到您的代码中 -

<script type="text/javascript">
$(document).ready(function() {
    $('<h5 class="form_title">Calculate Return</h5>').insertBefore('#price');
});
</script>

Answer 2

查看您的页面，我看不到在哪里#price定义。也许它是稍后通过 JS 添加的，我错过了它..

您在无冲突模式下使用 jquery，并且需要将代码包装在准备好的文档中。

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('<h5 class="form_title">Calculate Return</h5>').insertBefore('#price');
});
</script>

运行这个；但是，对页面没有影响（据我所知）。

下面的代码有效，因为 ID 存在。这不是你想要完成的，但它应该让你开始。

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('<h5 class="form_title">Calculate Return</h5>').insertBefore('#property_name');
});
</script>