javascript - JQuery 未初始化对象

Question

我正在尝试使用 JQuery 动态创建一个按钮，创建按钮，初始化它，并将其插入到 DOM 中。当执行以下代码时，一个元素被添加到 DOM 中，但不是:

<input value="button">Click Me</input>

DOM 中的项目只是:

<input>

不确定为什么属性没有被初始化或完整的 htlm 元素正在创建。

var list = $("#rootElement").find(".listclass");
var button = $("<input/>", {
    type : button,
    value : "Click Me"
});
list.append(button)

Answer 1

改为这样做

在我看来，这要容易得多。

var list = $("#rootElement").find(".listclass");
list.append('<input type="button" value="Click Me"/>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="rootElement">
  <div class="listclass">
  </div>
</div>
   

顺便说一句:<input>标签不接受内容。

<input value="button">Click Me</input>  <-- wrong

应该是

<input type="button" value="Click Me"/> <-- good

或者只是

<button>Click Me</button>

您的代码已修复

您忘记在按钮中添加引号。

var list = $("#rootElement").find(".listclass");
var button = $("<input>", {   
    type: 'button', // here forgot quotes
    value: 'Click Me'
});
list.append(button)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="rootElement">
      <div class="listclass">
    </div>
 </div>