jquery附加表单输入?

时间:2010-10-10 17:20:31

标签: jquery html forms input

我有这个jquery脚本,意在添加输入框,它不会发生,我不知道为什么?

jquery的:

$(document).ready(function() {
    $(".login").click(function(){
        $(".login").hide();
      $("div.swap").append("<input name="username" id="username" type="text" maxlength="16" />");

     });

});

HTML:

<div class="swap">
 <a class="login" href="#">Login</a>

  </div>

1 个答案:

答案 0 :(得分:4)

你的追加是使用双引号来包装字符串而在字符串中。试试这个:

$(document).ready(function() {
    $(".login").click(function(){
       $(this).hide();
       $('<input name="username" id="username" type="text" maxlength="16" />').appendTo("div.swap");
    });
});