how do i open link from array in new tab using java script?

Question

I am getting RSS feed in a javascript array and show in HTML list. but I want that when the user clicks on the link it must be open in a new tab.

//HTML

<ol class="list">
</ol>

//Java script

<script>    


$(function() {
    getRssFeed("https://amirtariq69.blogspot.com/feeds/posts/default?alt=rss", mapFeed);

});


function getRssFeed(url, callback) {
    return feednami.loadGoogleFormat(encodeURI(url), callback);
}

function mapFeed(result) {
    if (result.error) {
      console.log(result.error)
  } else {
        createCarouselList(result.feed.entries.slice(0, 5));
        createFeedList(result.feed.entries.slice(0, 10));
  }
}


function createCarouselList(elements) {
    var list = [];
    $(elements).each(function(index, element) {
        list.push("<li><h3><a href='"+ element.link +"'>"+ element.title +"</a></h3><p>"+ new Date(element.publishedDate).toLocaleDateString("pt-BR") +"</p><span class='carousel-footer'>"+ (index + 1) +" out of 5</span></li>");
    });

    $(".carousel").append(list);

}


// Edit this function please ...
function createFeedList(elements) {
    var list = [];
    $(elements).each(function(index, element) {
        list.push("<li><a href='"+ element.link +"'>"+ element.title + "&nbsp; ["+ new Date(element.publishedDate).toLocaleDateString("pt-BR") +"] "+"</a></li>");
    });
    $(".list").append(list);
    returnCarouselList();
}

    </script>

where I mention editing function can anyone make this list to (open in new tab) list.

Answer 1

添加到标签：

target="_blank"

Answer 2

Solved

function createFeedList(elements) {
    var list = [];
    $(elements).each(function(index, element) {
        list.push("<li><a href='"+ element.link + "' target='_blank +'>"+ element.title + "&nbsp; ["+ new Date(element.publishedDate).toLocaleDateString("pt-BR") +"] "+"</a></li>");
    });
    $(".list").append(list);
    returnCarouselList();
}
``````````````````````

Answer 3

try adding the target attribute target="_blank"> as seen bellow

 <script> $(function() { getRssFeed("https://amirtariq69.blogspot.com/feeds/posts/default?alt=rss", mapFeed); }); function getRssFeed(url, callback) { return feednami.loadGoogleFormat(encodeURI(url), callback); } function mapFeed(result) { if (result.error) { console.log(result.error) } else { createCarouselList(result.feed.entries.slice(0, 5)); createFeedList(result.feed.entries.slice(0, 10)); } } function createCarouselList(elements) { var list = []; $(elements).each(function(index, element) { list.push("<li><h3><a href='"+ element.link +"target="_blank">"+ element.title +"</a></h3><p>"+ new Date(element.publishedDate).toLocaleDateString("pt-BR") +"</p><span class='carousel-footer'>"+ (index + 1) +" out of 5</span></li>"); }); $(".carousel").append(list); } // Edit this function please ... function createFeedList(elements) { var list = []; $(elements).each(function(index, element) { list.push("<li><a href='"+ element.link +" target="_blank">"+ element.title + "&nbsp; ["+ new Date(element.publishedDate).toLocaleDateString("pt-BR") +"] "+"</a></li>"); }); $(".list").append(list); returnCarouselList(); } </script>