使用基本j.s，jQuery在现有类元素中添加元素的最佳方法是什么？

Question

说我在HTML中有一些代码：

<div id="some_element" class="element_class">

如何添加/创建新的div元素并使用j.s / jQuery将其添加到“element_class”？

Answer 1

你可以只使用javascript

这样做

var createDiv = document.createElement('div');
createDiv.textContent='inner div';
document.getElementById('some_element').appendChild(createDiv)

Answer 2

使用Jquery

在末尾添加元素

$('#some_element').append("<div>1</div><div>2</div>");

在首发

中添加元素

$('#some_element').prepend("<div>1</div><div>2</div>");

Answer 3

这是一个简单的解决方案。希望它有所帮助！

＆＃13;

＆＃13;

$(document).ready(function(){
  $("#mybutton").click(function () {
     if($('.newDiv').length !== 1){
       $("#some_element").append("<div class = 'newDiv'>This is a new div</div>");
     }
    });
});

＆＃13;

 .newDiv{
         height: 80px;
         width: 40px;
         background: yellow;
         border: 1px solid black;
     }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<button id = "mybutton">Click me</button>
<div id="some_element" class="element_class">

＆＃13;

＆＃13;

＆＃13;