Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么';使用基本j.s,jQuery在现有类元素中添加元素的最佳方法是什么?_Javascript_Jquery_Html_Class - Fatal编程技术网

Javascript 什么';使用基本j.s,jQuery在现有类元素中添加元素的最佳方法是什么?

Javascript 什么';使用基本j.s,jQuery在现有类元素中添加元素的最佳方法是什么?,javascript,jquery,html,class,Javascript,Jquery,Html,Class,假设我有一些HTML代码,比如: <div id="some_element" class="element_class"> 如何添加/创建一个新的div元素,并使用j.s/jQuery将其添加到“element\u class”中?您可以仅使用javascript执行此操作 var createDiv = document.createElement('div'); createDiv.textContent='inner div'; document.getElementB

假设我有一些HTML代码,比如:

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


如何添加/创建一个新的div元素,并使用j.s/jQuery将其添加到“element\u class”中?

您可以仅使用javascript执行此操作

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

您可以只使用javascript来实现这一点

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

这里有一个简单的解决方案。希望有帮助

$(文档).ready(函数(){
$(“#我的按钮”)。单击(函数(){
if($('.newDiv').length!==1){
$(“#some_元素”).append(“这是一个新的div”);
}
});
});
.newDiv{
高度:80px;
宽度:40px;
背景:黄色;
边框:1px纯黑;
}

点击我

这里有一个简单的解决方案。希望有帮助

$(文档).ready(函数(){
$(“#我的按钮”)。单击(函数(){
if($('.newDiv').length!==1){
$(“#some_元素”).append(“这是一个新的div”);
}
});
});
.newDiv{
高度:80px;
宽度:40px;
背景:黄色;
边框:1px纯黑;
}

点击我
使用Jquery

在末尾添加元素的步骤

$('#some_element').append("<div>1</div><div>2</div>");
$('some#u元素')。追加(“12”);
在起始位置添加元素的步骤

$('#some_element').prepend("<div>1</div><div>2</div>");
$('some#u元素')。前置(“12”);
使用Jquery

在末尾添加元素的步骤

$('#some_element').append("<div>1</div><div>2</div>");
$('some#u元素')。追加(“12”);
在起始位置添加元素的步骤

$('#some_element').prepend("<div>1</div><div>2</div>");
$('some#u元素')。前置(“12”);

google将是一个开始。99.99%确定这是重复的哦,我喜欢恶作剧。谢谢你说的“最好”是什么意思?谷歌将是一个开始。99.99%确定这是重复的哦,我喜欢恶作剧。谢谢你说的“最好”是什么意思?