Question

当我点击输入字段div将创建动态，只使用输入字段。可以在jquery中创建div而不使用append（attr）。不知道请帮帮我

<input type="text"  id="date_id" class="date" />

我期待：

<input type="text"  id="date_id" class="date" />
 <div id="div_id"></div>

Answer 1

试试这个

$("#date_id").after('<div id="div_id"></div>')

Answer 2

Jquery 中有几种方法可用于创建除 .append（） 之外的动态元素，例如

$("#elementId").after('<div id="div_id"></div>')// insert after the element

$("#elementId").before('<div id="div_id"></div>') // insert before the element

('<div id="div_id"></div>').appendTo($("#elementId")); // insert into the element

Answer 3

尝试使用.one()来防止#div_id，document

中的重复.insertAdjacentHTML个元素

$("#date_id").one("click", function() {
  this.insertAdjacentHTML("afterEnd", "<div id=div_id>div_id</div>")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<label>
  <input type="text" id="date_id" class="date" value="" />
</label>

在jquery中创建div而不使用append

3 个答案: