谁能告诉我为什么“Append”或“AppendTo”或“After”或“prepend”嵌套在表单标签内的div内的输入字段不起作用?为什么如果我 Append 在表单标签之后它可以神奇地工作?这绝对是疯了。我需要将字段准确放置在需要的位置。帮助将不胜感激。提前致谢。
<form id="myform" name="myform" method="post" action="somewhere.php">
// APPEND <INPUT> IN HERE WORKS !!!!
<div id="myDiv">
// APPEND <INPUT> IN HERE WONT WORK !!!!
</div>
<button type="submit" id="myform"> SAVE THE FORM </button>
</form>
回答1
如果您不发布代码,很难知道问题出在哪里。
无论如何,问题肯定不在于表单内的 div。
$('#myform').prepend('<input value="1"/>');
$('#myDiv').prepend('<input value="2"/>');
form {
background: #ff9999;
padding: 1rem;
}
div {
background: #99ff99;
padding: 1rem;
margin: 1rem;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="myform" name="myform" method="post" action="somewhere.php">
APPEND INPUT IN HERE WORKS !!!!
<div id="myDiv">
APPEND INPUT IN HERE WONT WORK !!!!
</div>
<button type="submit" id="myform"> SAVE THE FORM </button>
</form>