将console.log转换为输出到div

时间:2016-09-14 10:49:04

标签: jquery html rss

我在本主题= Rss Parser Example中使用简单的rss feed解析器示例。

vm.hideAllElements = hideAllElements;
vm.items = [... ... ...]; //some array of items

function hideAllElements() {
//how set all showChildren[] variables to false?
 }

它很完美,但是我想在特定的div中显示每个输出日志,例如:

标题日志进入$.get('https://stackoverflow.com/feeds/question/10943544', function (data) { $(data).find("entry").each(function () { // or "item" or whatever suits your feed var el = $(this); console.log("------------------------"); console.log("title : " + el.find("title").text()); console.log("author : " + el.find("author").text()); console.log("description: " + el.find("description").text()); }); }); ,依此类推。所以最后我应该有这样的事情:

<div class="Rss-Title"></div>

我的问题:做某事的正确方法是什么?

3 个答案:

答案 0 :(得分:2)

您应该使用.html()功能

<div id="Rss">

<div class="Rss-Title"></div>

<div class="Rss-Author"></div>

<div class="Rss-Description"></div>

</div>

$.get('http://stackoverflow.com/feeds/question/10943544', function (data) {
 $(data).find("entry").each(function () { // or "item" or whatever suits your feed
    var el = $(this);

    $('#Rss-Title').html(el.find("title").text());
    $('#Rss-Author').html(el.find("author").text());
    $('#Rss-Description').html(el.find("description").text());
 });
});

答案 1 :(得分:1)

而不是console.log,您可以使用html()(或替代text())选择元素并将文本放入其中

$.get('http://stackoverflow.com/feeds/question/10943544', function (data) {
    $(data).find("entry").each(function () { // or "item" or whatever suits your feed
        var el = $(this);
        $('.Rss-Title').html("title      : " + el.find("title").text());
        $('.Rss-Author').html("author     : " + el.find("author").text());
        $('.Rss-Description').html("description: " + el.find("description").text());
    });
});

答案 2 :(得分:1)

从标题/问题中略微不清楚问题是什么,所以这个答案是针对:

  

Console.log到div

执行此操作的“正确”方法是更改​​执行console.log

的源

要更改console.log以转到div,您可以重新编写console.log,例如:

console.log("test1")
window.console.log = function(txt) { 
    //alert(txt)
    $("#log").text($("#log").text() + txt);
}
console.log("test2")