Javascript 无法使用JQUERY嵌套divs元素
在带星号的代码中是嵌套的div元素,我已经阅读了包含新闻文章的XML文件。我想使用jquery读取并将它们添加到这个嵌套格式中Javascript 无法使用JQUERY嵌套divs元素,javascript,html,jquery,nested,Javascript,Html,Jquery,Nested,在带星号的代码中是嵌套的div元素,我已经阅读了包含新闻文章的XML文件。我想使用jquery读取并将它们添加到这个嵌套格式中 <div id="for-you-feed" class="container" style="justify-content: center;"> <div class="row view-group " id="rowview"> ** <div class="item grid-group-item c
<div id="for-you-feed" class="container" style="justify-content: center;">
<div class="row view-group " id="rowview">
**
<div class="item grid-group-item col-xs-4 col-lg-4 col-md-6 col-sm-12">
<div class=" thumbnail card border-light" style="width: 20rem; ">
<div class="img-event ">
<img class="group list-group-image img-fluid " src="https://timesofindia.indiatimes.com/photo/74745223.cms " alt=" " />
</div>
<div class="caption card-body ">
<h4 class="group card-title inner list-group-item-heading ">
Hyderabad: Buses with same number plates seized</h4>
<p class="group inner list-group-item-text ">
The transport authorities, under the guidance of deputy transport commissioner Papa Rao, seized four buses that belo</p>
<div class="row ">
<div id="footer1" class="col-xs-12 col-md-6 ">
<p class="lead ">
$21.000</p>
</div>
<div id="footer2" class="col-xs-12 col-md-6 ">
<a class="btn btn-success " href="http://www.jquery2dotnet.com ">Add to cart</a>
</div>
</div>
</div>
</div>
</div>
**
</div>
**
海得拉巴:查获相同车牌的公共汽车
交通当局在副运输专员帕帕·拉奥的指导下,扣押了四辆在贝洛行驶的公共汽车
21.000美元
**
我的jquery代码如下
$(document).ready(function() {
$.get("https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Ftimesofindia.indiatimes.com%2Frssfeeds%2F-2128816011.cms&api_key=mkzfaqsb5gtninv1pddoke81vwmjlyfiissiitvd", function(data, status) {
//$("#rowview").empty();
for (i in data.items) {
console.log(data.items[i].thumbnail);
console.log(data.items[i].title);
console.log(data.items[i].link);
console.log(data.items[i].description);
console.log(data.items[i].description.slice(pos + 4));
var pos = data.items[i].description.indexOf("</a>"),
$divitem = $("</div>").attr('class', 'item grid-group-item col-xs-4 col-lg-4 col-md-6 col-sm-12');
var $divthumb = $("</div>").attr({ "class": 'thumbnail card border-light', style: 'width: 20rem' }),
$divimg = $("</div>").attr('class', 'img-event '),
$imggrp = $("</img>").attr({ "class": 'group list-group-image img-fluid ', src: data.items[i].thumbnail }),
$divcaption = $("</div>").attr('class', 'caption card-body'),
$headcard = $("</h4>").text(data.items[i].title).attr('class', 'group card-title inner list-group-item-heading'),
$paracard = $("</p>").attr('class', 'group inner list-group-item-text').text(data.items[i].description.slice(pos + 4)),
$divrow = $("</div>").attr('class', 'row'),
$divfooter1 = $("</div>").attr({ "class": 'col-xs-12 col-md-6', id: 'footer1' }),
$lead = $("</p>").attr('class', 'lead').text('$21.000'),
$divfooter2 = $("</div>").attr({ "class": 'col-xs-12 col-md-6', id: 'footer2' }),
$atag = $("</a>").attr({ class: 'btn btn-success', href: 'http://www.jquery2dotnet.com' }).text("Add to cart");
$("#rowview").append($divitem.append($divthumb.append([$divimg.append($imggrp), $divcaption.append([$headcard, $paracard, $divrow.append([$divfooter1.append($lead), $divfooter2.append($atag)])])])));
// $($divthumb).append([$divimg, $divcaption]);
//$($divimg).append($imggrp);
// $(divthumb).append(divcaption);
//$($divcaption).append([$headcard, $paracard, $divrow]);
// $(divcaption).append(paracard);
//$(divcaption).append(divrow);
//$($divrow).append([$divfooter1, $divfooter2]);
//$($divfooter1).append($lead);
//$(divrow).append(divfooter2);
// $($divfooter2).append($atag);
// $(".view-group").append($divitem);
}
});
});
$(文档).ready(函数(){
$.get(”https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Ftimesofindia.indiatimes.com%2Frssfeeds%2F-2128816011.cms和api_key=mkzfaqsb5gtniv1pdoke81vwmjlyfiissitvd“,功能(数据、状态){
//$(“#行视图”).empty();
用于(数据项中的i){
console.log(data.items[i].缩略图);
console.log(data.items[i].title);
console.log(data.items[i].link);
console.log(data.items[i].description);
console.log(data.items[i].description.slice(pos+4));
var pos=data.items[i].description.indexOf(“”),
$divitem=$(“”).attr('class','item grid group item col-xs-4 col-lg-4 col-md-6 col-sm-12');
var$divthumb=$(“”).attr({“类”:“缩略图卡边框灯”,样式:'width:20rem'}),
$divimg=$(“”).attr('class','img event'),
$imggrp=$(“”).attr({“类”:“组列表组图像img流体”,src:data.items[i].thumbnail}),
$divcaption=$(“”).attr('class','caption-card-body'),
$headcard=$(“”).text(data.items[i].title).attr('class','group-card-title-internal-list-group-item-heading'),
$paracard=$(“”).attr('class','group internal list group item text').text(data.items[i].description.slice(pos+4)),
$divrow=$(“”).attr('class','row'),
$divfooter1=$(“”).attr({“类”:'col-xs-12 col-md-6',id:'footer1'}),
$lead=$(“”).attr('class','lead')。text('21.000'),
$divfooter2=$(“”).attr({“类”:'col-xs-12 col-md-6',id:'footer2'}),
$atag=$(“”)。attr({class:'btn btn success',href:'http://www.jquery2dotnet.com“}”)文本(“添加到购物车”);
$(“#行视图”).append($divitem.append($divthumb.append([$divimg.append($imggrp),$divcaption.append([$headcard,$paracard,$divrow.append([$divfooter1.append($lead),$divfooter2.append($atag)]))));
//$($divthumb).append([$divimg,$divcaption]);
//$($divimg).append($imggrp);
//$(divthumb).append(divcaption);
//$($divcaption).append([$headcard,$paracard,$divrow]);
//$(divcaption).append(paracard);
//$(divcaption).append(divrow);
//$($divrow).append([$divfooter1,$divfooter2]);
//$($divfooter1).append($lead);
//$(divrow).append(divfooter2);
//$($divfooter2).append($atag);
//$(“.view group”).append($divitem);
}
});
});
我的网站上没有收到回复。我甚至尝试了注释中的代码,但没有成功。更新代码,它正在工作。希望能有帮助
边栏演示
$(文档).ready(函数(){
$.get(”https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Ftimesofindia.indiatimes.com%2Frssfeeds%2F-2128816011.cms和api_key=mkzfaqsb5gtniv1pdoke81vwmjlyfiissitvd“,功能(数据、状态){
用于(数据项中的i){
console.log(data.items[i].缩略图);
console.log(data.items[i].title);
console.log(data.items[i].link);
console.log(data.items[i].description);
console.log(data.items[i].description.slice(pos+4));
var pos=data.items[i].description.indexOf(“”),
$divitem=$(“”).attr('class','item grid group item col-xs-4 col-lg-4 col-md-6 col-sm-12');
var$divthumb=$(“”).attr({“类”:“缩略图卡边框灯”,样式:'width:20rem'}),
$divimg=$(“”).attr('class','img event'),
$imggrp=$(“”).attr('class','caption card body'),
$headcard=$(“”).text(data.items[i].title).attr('class','group-card-title-internal-list-group-item-heading'),
$paracard=$(“”).attr('class','group internal list group item text').text(data.items[i].description.slice(pos+4)),
$divrow=$(“”).attr('class','row'),
$divfooter1=$(“”).attr({“类”:'col-xs-12 col-md-6',id:'footer1'}),
$lead=$(“”).attr('class','lead')。text('21.000'),
$divfooter2=$(“”).attr({“类”:'col-xs-12 col-md-6',id:'footer2'}),
$atag=$(“”)。attr({class:'btn btn success',href:'http://www.jquery2dotnet.com“}”)文本(“添加到购物车”);
$(“#行视图”).append($divitem.append($divthumb.append([$divimg.append($imggrp),$divcaption.append([$headcard,$paracard,$divrow.append([$divfooter1.append($lead),$divfooter2.append($atag)]))));
//$($divthumb).append([$divimg,$divcaption]);
//$($divimg).append($imggrp);
//$(divthumb).append(divcaption);
//$($divcaption).append([$headcard,$paracard,$divrow]);
//$(divcaption).append(paracard);
//$(divcaption).append(divrow);
//$($divrow).append([$divfooter1,$divfooter2]);
//$($divfooter1).append($lead);
//$(divrow).append(divfooter2);
//$($divfooter2).append($atag);
//$(“.view group”).append($divitem);
}
});
});
console.log(data.items.length)你得到了什么?长度是10个兄弟,我读到的数据不是JSON,也不是XML。你得到的数据既不是JSON,也不是XML(我猜这是删除的注释?)-它