Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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 使用jQuery,可以添加这样的HTML元素吗?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jQuery,可以添加这样的HTML元素吗?

Javascript 使用jQuery,可以添加这样的HTML元素吗?,javascript,jquery,html,Javascript,Jquery,Html,我在做这个教程,这个家伙说,“我要创建一个div…” $(“文档”).ready(函数(){ //获取AJAX内容 $(“#新闻内容”).load(“news.txt”); //$.getJSON(“news.json”,successFn); }); 函数成功fn(结果){ $.each(result.newstories,function(i,item){ //我不太明白这句话的意思。 var newsDiv=$(“”); newsDiv.append(item.title); newsDi

我在做这个教程,这个家伙说,“我要创建一个div…”

$(“文档”).ready(函数(){
//获取AJAX内容
$(“#新闻内容”).load(“news.txt”);
//$.getJSON(“news.json”,successFn);
});
函数成功fn(结果){
$.each(result.newstories,function(i,item){
//我不太明白这句话的意思。
var newsDiv=$(“”);
newsDiv.append(item.title);
newsDiv.append(item.content);
//现在,请理解这将使上述div发挥作用。
$(“#新闻内容”).append(newsDiv);
});
}
我真的只担心这句话:

var newsDiv = $('<div class="news">');
var newsDiv=$('');
我在JSFIDLE上尝试过这个,但似乎不起作用。如果有帮助的话,这是在构建AJAX请求的过程中发生的

我的问题是,newsDiv什么时候成为DOM的一部分?

$(“”)
将向您返回与html元素(在本例中为
div
元素)对应的$wrapped对象。但没有在html中创建任何元素。您可以简单地将这个新创建的元素添加到html中

$('#myNewsContainer').append(newsDiv); // append to the div with id 'myNewsContainer'
$('#myNewsContainer').html(newsDiv); // replace all html with new div
线路

var newsDiv = $('<div class="news">');
var newsDiv=$('');

创建一个值为
的变量
newsDiv
。目前它还没有附加到html中。您可以使用方法将其附加到HTML。

我是否遗漏了什么?是的,需要更多描述,因为@Tushar声明您发布的代码段无效,
。每个
都无法启动语句,您的小提琴在哪里?但是是的,
var newsDiv=$('')
会在内存中创建一个div,我会在一秒钟内完成整个过程。是的,它不会附加到DOM中,您必须将它插入到您想要插入的任何位置$('');不会返回html元素,它将返回
$
包装的
对象。宾果。这就是我需要知道的。我想我应该把剩下的代码放进去。@RayonDabre,谢谢你纠正我:)。我已经更新了我的答案。
var newsDiv = $('<div class="news">');