Javascript 无法使用JQUERY嵌套divs元素

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元素,我已经阅读了包含新闻文章的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 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(我猜这是删除的注释?)-它