jquery - 使用 jquery append() 将按钮添加到表单

Question

我需要向表单添加一个按钮。我无法控制创建表单本身的逻辑...但如果需要，我可以在表单周围添加代码。

表单的代码如下所示:

<form action="/cgi-bin/a/logon" method="POST">
     <DT>Login ID</DT>
       <DD>
          <input class=" text" type="text"  name="id"  value="">
       </DD>
     <DT>Password</DT>
       <DD>
          <input class=" password" type="password"  name="password"  value="">
       </DD>
       <DT></DT>
       <DD><input class="submit" type="submit" name="submit" value="Logon">
      </DD>
</FORM>

我知道我可以在整个表单周围添加一个 div 并将其 append 到...但我希望新按钮出现在“登录”按钮旁边。我尝试过以下代码，但没有成功:

<script type="text/javascript">
        $(document).ready(function() {
           $('.submit').append($('<input type="button" value="test">'));
        });
</script>

我假设您可能无法 append 到按钮...这就是它不起作用的原因。

我还在学习jquery，所以如果除了append之外还有其他方法我可以使用，我洗耳恭听!实际上，该按钮不必是表单的一部分，因为我将在单击它时运行客户端代码。但它确实必须出现在登录按钮旁边。

谢谢。

Answer 1

您不能将任何内容 append 到输入元素..

使用.after或.before

 $('.submit').after($('<input type="button" value="test">'));