如何使用jquery通过id追加div
使用jQuery通过id追加div的方法如下：
- 首先，确保你已经引入了jQuery库文件。可以通过以下方式引入：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>- 在HTML文件中，给要追加div的元素添加一个唯一的id属性。例如：
<div id="container"></div>- 在JavaScript代码中，使用jQuery的
append()方法来追加div。例如：
$("#container").append("<div>This is a new div.</div>");以上代码会在id为"container"的元素内追加一个新的div，内容为"This is a new div."。
关于jQuery的append()方法：
- 概念：
append()方法用于在选定元素的结尾处插入指定内容。 - 分类：属于jQuery的DOM操作方法。
- 优势：使用简单，可以方便地在指定元素内追加内容。
- 应用场景：适用于动态添加元素、插入新的HTML内容等场景。
- 推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）等。
- 产品介绍链接地址：腾讯云云服务器（CVM）、腾讯云对象存储（COS）
注意：以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以符合要求。
相关·内容
我正在编写一个jQuery代码，它按照这样的标准对页面中的所有div进行排序，类为"order_me“。
这些div被安排在由div制作的容器行中，即：
<div id="container">
<div class="row">
<div class="order_me"></div>
<div class="order_me"></div>
<div class="order_me&#
浏览 4提问于2012-09-25得票数 0
回答已采纳
这是我的html页面的摘录。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<title>jQuery Mobile Docs - Radio Buttons</title>
<link rel="styleshe
浏览 0提问于2013-11-30得票数 0
1回答
我在关注
使用下面这样的静态div没有任何问题：
<div id="tabs" class="tabs" style="display:none;">
<ul >
<li><a href='#tabs-1'>First</a></li>
<li><a href='#tabs-2'>Second</a></li
><li&
浏览 0提问于2010-08-25得票数 0
回答已采纳
1回答
我正在学习jquery (使用1.10)。我使用ajax解析由php动态生成的xml，方法是张贴一个数字，例如，如果您发布n=3，就会得到：
<?xml version="1.0">
<list>
<item>item 1</item>
<item>item 2</item>
<item>item 3</item>
</list>
我可以接收响应并将文本解析为xml，我编写了以下代码
<!DOCTYPE html>
<html>
<head&
浏览 4提问于2013-11-13得票数 0
回答已采纳
我正在使用Bootstrap模式和Reactjs。现在，我想控制如何在没有Jquery代码的情况下打开和关闭一个引导模式。所以我的想法是用useState来控制模态的状态，如果是真的话，它会添加类"show“来打开模态，而false则添加类”隐藏“。但这行不通，我怎么能解决这个问题呢？或者，在没有Jquery代码的情况下仍然可以控制模式吗？谢谢
const [openModal, setopenModal] = useState(false);
const openmodal = () => {
setopenModal(!openModal);
};
return (
浏览 4提问于2020-02-11得票数 1
回答已采纳
我在Rails应用程序中使用，并希望测试我在使用时使用的页面。
在一个名为fullcal_init的文件中，我有以下代码
jQuery(document).ready(function($) {
$('#calendar').fullCalendar({
//do stuff with fullCalendar
});
});
生成<div id="calendar" class="fc fc-ltr" ... ></div>
我试图用以下代码来测试它：
#test_helper
浏览 3提问于2013-11-25得票数 0
回答已采纳
3回答
请提问：
var ids = ['user_1', 'user_2', 'user_3', 'user_666'];
我的HTML
<div id="chatUsers">
<div id="user_1">username-1</div>
<div id="user_2">username-2</div>
<div id="user_5">username-5</d
浏览 0提问于2011-10-27得票数 2
回答已采纳
我对jQuery ajax回调有两个问题。我有以下jQuery ajax调用的代码：
<div id="newpages"></div>
<script type="text/javascript">
<!--
var page = 1;
var max_pages_number = <?php echo $max_pages_n
浏览 1提问于2014-07-16得票数 0
是否可以在不使用jQuery刷新页面的情况下将新插入的行加载到数据库中？我可以使用jquery在不刷新的情况下将数据发送到数据库，但是我无法在不刷新页面的情况下显示回数据。如何在不刷新页面的情况下显示表中的数据，并使其显示在index.php中的表下，以便显示检索到的数据？谢谢
这是我的index.php
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<
浏览 5提问于2013-06-22得票数 0
我已经在我的网页上使用jquery自动完成了一段时间，但是在从1.8rc3将jquery更新到1.8.6版本之后，自动完成ul对象现在被附加到主体中，而不是直接在给定的选择器之后。
下面的代码当然是无效的，它只是突出了我存在的问题。
1.8rc3中的
$("#myinput").autocomplete(.....
<input id="myinput"/>
<ul id="autocomplete"></ul>
<div>Loads of other content&l
浏览 0提问于2010-12-07得票数 3
回答已采纳
我正在使用HTML 5做一个简单的文件上传，我制作了一个AJAX post request.The表单，除了文件元素之外还有其他文件。我尝试了在互联网上使用不同的方法，但是似乎没有什么是working.Is --使用这个元素真的是可能的吗?使用jQuery插件是我最后的选择。我喜欢在我的应用程序中简化。
我的HTML
@using (Html.BeginForm("Edit", "Person", FormMethod.Post, new { id = "form-person-edit-modal", enctype = "mult
浏览 0提问于2014-11-18得票数 0
回答已采纳
我对jQuery并不熟悉，在向DOM中插入新节点之后，我会尝试向DOM添加新元素。
假设我有个民意测验。在用户投票之后，一个带有.voted类的新div被插入到包含投票的div中。如果我有一个隐藏的div，当这个新div被添加到DOM时，我想插入并显示它，这是可能的吗？
我一直在jQuery网站上做研究，到目前为止，我想到的最接近的是这样的东西：
$('.hidden-div').livequery(function() {
appendTo('.voted');
});
我在我的网站上尝试过这个，但正如预期的那样，它没有起作用。是否有一种使用jQuer
浏览 2提问于2014-09-09得票数 1
如何使用jquery在div中添加脚本标记。
我想要的是
<div id="scriptContainer" >
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="script2.js"></script>
</div>
我将它与jquery appendTo一起使用，但它不能work
浏览 1提问于2013-11-27得票数 0
我使用的是带有视图更多按钮的Jquery RateIt插件。因此，在我的项目中，我使用这些插件显示餐厅评级，默认情况下，我在5张记录后显示前5 rating.Then，我通过ajax显示其他内容，所以在通过ajax评级的内容中，我使用的是只读mode..If，任何人都可以提前感谢。
foreach($list_review as $row): ?>
<div class="user_reviews_data">
<div class="width-20 float-left">
<span
浏览 2提问于2013-03-06得票数 2
回答已采纳
我正在创建一个PHP框架，它在第一个页面访问时生成基本的ExtJS Javascript，然后通过AJAX调用操作DOM。
因此，我需要能够将ExtJS创建的特定DOM元素替换为ExtJS创建的新DOM元素。
在下面的示例中，我希望用两个面板替换region_center中的文本。
然而，renderTo只添加元素，而applyTo则完全替换内容，这使我无法添加例如两个面板，因为第二个面板替换了第一个面板。
如何轻松地操作ExtJS生成的Javascript，以便用新内容替换屏幕区域，例如在菜单中单击面板，用新内容替换center_region？
<!DOCTYPE html>
&
浏览 9提问于2010-12-01得票数 1
不太清楚我在这里哪里出错了，但我希望在html标记中填充响应的内容。我在想，首先我会附加表格标签，标题。然后让函数填充表标记的内部。最后把桌子关上。不过这里有不对劲的地方。
不会产生错误。所有数据都显示在页面中，但不在表标记中，这样就可以应用CSS类。
HTML主体
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<me
浏览 0提问于2019-01-17得票数 0
回答已采纳
我为我的自定义小部件创建的Javascript有一个问题。
下面是我的代码，从javascript到如何在我的小部件中调用它。
Custom.js
var wrapper = $('#wrapper');
$.ajax({
method: "POST",
url: "https://api.graphcms.com/simple/v1/SampleAPI",
contentType: "application/json",
headers: {
Aut
浏览 0提问于2019-01-04得票数 0
我有一个json，我根据json文件创建了一个简单的动态表单。有标签，每个标签都存在于div seperately.but中，这段代码中有一个问题，这段代码没有显示我的输入。如何将它们添加到每一层以下的每个div中？
此代码应显示输入，但不起作用。
这是我的代码：
document.body.onload = addElement;
function addElement() {
var schema = [{
"queestion": "Name",
"type": "128",
&
浏览 1提问于2017-12-30得票数 0
回答已采纳
我是jquery的新手，我遇到了一个有点奇怪的问题。在jquery中创建div后，我无法使用它，这个示例将向您展示问题是如何出现的！假设在get.php页面中只有:echo“测试测试”；我的文件中的代码：
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#bda").click(funct
浏览 0提问于2012-07-10得票数 0
回答已采纳
给定以下Javascript (假设jQuery2.1.1)
var Bar = [
{
name: "Bob",
id: "bb1019",
roles: [
"admin", "user"
]
},
{
name: "Sally",
id: "sa0378",
roles: [
"user"
]
}
]
$(document).ready(function () {
Ba
浏览 12提问于2014-07-29得票数 0
回答已采纳
3回答
我有以下结构：
<div class="eventIcons">Sample Event</div>
如何在文本之前添加一个标签到div，这样我就可以得到：
<div class"eventIcons"><img id="printOnlyIcon" src"printOnly.jpg"/>Sample Events</div>
我目前使用的是下面的jquery，但它在文本后面添加了标签：
$('div.eventIcons').append('&
浏览 0提问于2012-09-10得票数 2
回答已采纳
1回答
我试图使用jquery来自动完成搜索栏。当我使用div id=“input”时，自动完成很好，但是如果我使用input id=“input”，它就不工作了，我需要使用输入才能正确地搜索工作。
(function ($) {
$.fn.googleSuggest = function(opts){
opts = $.extend({service: 'web', secure: false}, opts);
var services = {
web: { client: 'hp', ds: '' },
}, service
浏览 0提问于2018-03-08得票数 0
我使用JS从这个对象中添加HTML中的部分：
var slidesArray = [
{
'id': 1,
'title': '1 title',
},
{
'id': 2,
'title': '2 title',
},
{
'id': 3,
'title
浏览 1提问于2020-09-11得票数 0
3回答
我用jquery追加了一些html元素：
$('#Table').append("<div id='newDiv'>bla bla bla </div>");
我想选择此项目，但$("#newDiv")不起作用。
如何使用ID选择新元素？
浏览 0提问于2011-12-17得票数 0
1回答
我有一个jquery手风琴，它有几个部分(下面的代码中有三个)。在每个部分，我有3个项目在一个无序的列表。我如何动态地添加到给定的部分(例如第2节)，并在第2节的列表中添加另一项(“列表项4”)？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
浏览 0提问于2018-11-04得票数 0
回答已采纳
我有两个视图(Create/Edit)，它使用EditorTemplate作为用户输入的GET/POST。EditorTemplate有一个jQuery对话框来捕获一些附加信息。
对话框中的元素在我提交表单时不会发布。因此，它也扰乱了验证工作。验证触发并更改元素的css类，但编辑后不会更改.。
当我将元素从对话框中提取出来时，这些值被绑定到ViewModel，并且验证工作如出一辙。
以前，我将对话框中的值(使用不同的名称)复制到一些隐藏字段中，以便绑定到ViewModel --这是有效的，但验证的是隐藏字段，而不是实际值的字段。
如何将元素绑定到ViewModel并仍然使用jQuery对话框？
浏览 3提问于2012-08-16得票数 2
我的混合应用程序的index.htm和main.js文件中有以下代码，它们使用jQuery、Mobile和Icenium开发。我试图在HTML表中显示从对web服务的ajax调用中获得的JSON数据(对象数组)。在下面的jQuery代码中，保存这个JSON对象数组的变量称为'msg‘。
问题是，在这个问题的末尾，我的表会被扭曲为html。如何确保我的输出是正确的而不是倾斜的？
index.html
<div id="dataDiv" ><table bgcolor="aliceblue" id="employeesTable&
浏览 2提问于2013-12-28得票数 0
回答已采纳
2回答
我使用的是jquery mobile和JavaScript。我在一个变量中有一些响应，即response是一个html内容.now，我必须在jquery mobile的UI中显示此html内容。该内容应该显示为文本，而不是html。
jquery("#content").html(wiJson);
<div data-role="content" id="content">
</div>
这就是我在代码中使用的jquery("#content").html(wiJson);，这是在javascript中使
浏览 1提问于2013-04-23得票数 0
2回答
如何使用Jquery将HTML表单中的HTML string <br>传递给DIV？
HTML表单为：
<form action="" id="submit_wall" name="submit_wall" method="post">
<textarea cols="50" rows="5" id="message_wall"></textarea>
<button type="submit" id="f
浏览 0提问于2010-03-06得票数 0
回答已采纳
我用JS创建我的整个html。下面是一个例子：
function createBanner () {
$('body').append(
$('<div>')
.attr('id',"banner")
.attr('class',"banner")
.append(
....
当函数执行时，它会为页面创建整个标记。
我如何用"fadeIn“jQuery效应来调用jQuery。元素最初不在页面
浏览 6提问于2015-05-05得票数 4
回答已采纳
这必须很简单:为什么变更函数不能与option:selected一起工作？
还有，为什么我的变量state不对选项的更改进行“重新加载”？
var states = ["AL", "AK", "AZ", "VT"];
$('#shipping_state').on('change', function() {
var state = $("#shipping_state option:selected").text();
console.log(state);
浏览 5提问于2022-01-20得票数 0
我有一个有很多孩子的div。如何使用jQuery将它们全部移动到另一个div
我的代码看起来像这样：
jQuery("body").append("<div id='popupWrapper'></div>");
var myID = $('.FloatingFrameLightBlue1').attr('id');
jQuery(myID).children().append("popupWrapper");
但它不起作用。我哪里做错了？
浏览 0提问于2013-07-17得票数 9
回答已采纳
我在使用jquery添加新div元素时遇到了一些问题，但div父元素中没有id / clas。
对于示例，我想在<img>之前添加新的div元素，这个img没有id/class，也没有div父元素。
我的问题是，如何使用jquery创建这样的内容？
感谢所有人:)
浏览 1提问于2014-09-18得票数 0
选择2/3.5.2/
我重新发布这是因为我的初始帖子格式不正确。
目前正在使用下列项目：
可以在select2窗体字段中搜索多个记录
引导弹出模式有一个表单，如果在select2表单中找不到它，就可以输入新记录。
AjaxForm用于将新记录从模态表单传递到select2表单。
问题：
如果添加了第二条记录，它将替换传递给select2字段的第一条记录，而不是追加它。
当提交用于处理的select2表单时，它将传递在select2中选择的记录，而不是从ajaxform (模式)中添加的记录。
该模式没有明确表单值。
我对js和jquery很陌生，所以如果
浏览 8提问于2015-11-07得票数 1
回答已采纳
2回答
我们有以下文件：Action.php
<?php
$array = array(
0 => array(
'id' => "2",
'name' => "Start",
'password' => "start"
),
1 => array(
'id' => "3",
'name' => "M
浏览 2提问于2011-02-21得票数 1
回答已采纳
我基本上想知道，我是否可以随意混合JavaScript和jQuery，或者这两个世界更像是两个不同的世界，我在跨越边界时必须小心。我强烈怀疑是后一种情况，但不知道如何或在哪里尊重边界。例如，在下面的代码中，我的代码不工作。(我怀疑这源于对为什么以及在何处需要$(文档).ready的缺乏理解。)我读过一些关于.on方法的文章，但它并没有真正回答我的问题。
当我在Chrome中运行这段代码时，它会短暂地闪烁，我不知道为什么。
<html>
<head>
<title>prototype Day 1</title>
浏览 0提问于2012-03-19得票数 0
回答已采纳
使用jQuery 1.11.3时，我发现在IE<9中元素是无序的，当我追加了一束元素(包括文本节点)时。这是jQuery的错误，还是我的？
测试代码：
<!DOCTYPE html>
<html>
<head>
<title>jQuery test</title>
<script src="http://code.jquery.com/jquery-1.11.3.js" charset="utf-8"></script>
&l
浏览 1提问于2015-05-25得票数 1
回答已采纳
2回答
为什么当我将draggable div拖到droppable1 div时，它总是被放置在droppable2 div中。
此外，我遵循了jQuery UI快照选项，但它不起作用。我如何使它不是拖动实际的draggable元素，而是拖动它的一个实例/副本，并让droppable接受这些draggable元素的多个。
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( '#draggab
浏览 3提问于2013-10-08得票数 3
回答已采纳
2回答
$('#add').click(function () {
$('#taskCont').append('<div class="task"></div>');
$('.task').append('<input type="checkbox">', '<div></div>', '<small>Delete</s
浏览 16提问于2020-07-11得票数 0
回答已采纳
这是对解决方案的跟进
我使用jQuery的load()函数将div标记中的标题从一个页面拉到我的站点中的另一个页面。这工作得很好。
问题是，load()还提取div标记本身，我不想这样做，因为它随后通过CSS格式化，比如源页面。
下面是PHP：
function get_team_articles($team_id, $feat=0) {
.
.
.
while ($row = mysql_fetch_assoc($r)) {
$page = explode('_', $row['page_id']);
浏览 3提问于2012-05-23得票数 1
回答已采纳
我正在努力学习JQuery，但做得并不好。目前，我正在尝试学习如何使用.append来实现Ajax功能，使用户无需重新加载即可查看新的动态内容。但是，当我尝试执行以下操作时，什么也没有发生。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>JQuery Test</title>
<script
浏览 0提问于2013-12-08得票数 11
回答已采纳
1回答
找不到我的问题的解决方案，所以我会在这里询问。
当我插入jQuery文件时，我在第2行得到一个错误:意外的标记非法
代码：
jQuery(document).ready(function(){
$('body').append('
<div id="style_selector">
<div id="style_selector_container">
// another chunk of code
</div><!-- #
浏览 5提问于2013-05-05得票数 2
回答已采纳
如果手风琴里面有嵌套手风琴，我就无法得到整个手风琴。
这是我的全部例子：
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1" import="java.util.*, com.as400samplecode.util.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
浏览 1提问于2014-05-21得票数 0
回答已采纳
我正在尝试使用ASP.Net附加方法编程地向jQuery添加一个jQuery按钮。以下是代码：
$("#form1 #container").append('<div id="cool"><asp:Button ID="Button1" runat="server" Text="Button" >/div> ');
但是不知怎么的，它显示了这个错误
类型为“Button”的控件'Button1‘必须放在带有runat=server的窗体标记中。
请帮帮我
浏览 0提问于2013-01-09得票数 0
回答已采纳
2回答
我正在使用Jquery拖放来在页面上移动div，这很好用。然而，我想要的是在每个div容器上都有一个关闭按钮，当单击该按钮时，会将div从它所在的位置移除，并将其放置在底部的预定义div中，就像一个小工具库一样。
这将如何完成？-下面是我的html..谢谢
克里斯
<div class='column' id='leftcolumn'></div>
<div class='column' id='rightcolumn'>
<div class='dragbox'
浏览 0提问于2010-04-21得票数 4
回答已采纳
在我将新元素添加到超文本标记语言页面后，我正在尝试让prettyPhoto或其他一些jquery插件工作：
具体地说，我有这个：
$(document).ready(function() {
$(window).scroll(function() {
if($(window).scroll) {
$('div#loadMoreComments').show();
$.ajax({
浏览 0提问于2012-06-20得票数 0
我想从a中获取文本，并向文本添加一些属性，并在按下按钮时将其显示在另一个文本中。
下面是我的代码的一部分--如果我使用console.log()，正确的文本将被记录下来，但是append(x)只写入optioni值，没有任何HTML代码。
这里的解决方案应该是什么？
var options;
$(function() {
options = $('div#Thelper2_container textarea').val().split('\n');
$.fillTextArea();
});
$.fillTextArea = function(
浏览 4提问于2021-07-28得票数 0
回答已采纳
1回答
如何包装每一行的所有数组值，而不是所有数组值的总和？我的代码给出了每一行中的所有数组。
var numbers = $("#table > .row > .numbers").text().split(','); // to get them as array
$.each(numbers, function(index, value) { // wrap every array number in a div
$('#table > .row').append("<div>" + valu
浏览 6提问于2022-10-11得票数 1
回答已采纳
1回答
我有个问题：
我在我的网站上使用了Alvaro的jquery 。插件脚本会自动在某些元素中插入html结构.在我的html中有：
<div class="section fp-auto-height-responsive" id="slider-section">
<div class="slide" id="co-delame-section">
<div class="slide-wrapper">
...
</div&g
浏览 0提问于2017-02-26得票数 0
回答已采纳
1回答
如何为jquery创建多个复选框来标识它？
例如，我有一个名为new.html的html页面
<div id =new> <input type=checkbox"></div>
在create.html，我想使用jquery加载多个复选框
<div id=load> <div>
$("#load).load(new.html)
因此，如果我使用for循环来循环10次以创建10个复选框，我如何唯一地标识每个复选框？
for(var i = 0;i<10;i++){
$("#load).load(new.h
浏览 2提问于2012-06-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
