JQuery 不初始化对象

JQuery not initializing object

本文关键字：对象 初始化 JQuery      更新时间：2023-09-26

我正在尝试使用 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)

改为执行此操作

海事组织要容易得多。

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>

你需要写type: "button"而不是type: button

这是小提琴：http://jsfiddle.net/su9m81yu/2/

相关文章：