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>

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

2 个答案: