Convert console.log zur Ausgabe an ein div

Question

Ich benutze einfache RSS-Feed-Parser Beispiel aus diesem Thema = Rss Parser Example.

$.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()); 
    }); 
}); 

---

Es ist perfekt, aber ich will jedes Ausgabeprotokoll in einem bestimmten div zeigen, zum Beispiel:

Titel log geht in eine <div class="Rss-Title"></div> und so weiter. So am Ende soll ich so etwas wie diese:

<div id="Rss"> 

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

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

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

</div> 

Meine Frage: was ist eine richtige Art und Weise, so etwas zu tun?

Answer 1

sollten Sie verwenden .html() Funktion

<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()); 
}); 
}); 

Answer 2

Statt console.log, wählen Sie das Element und Ort Text innerhalb von html() (oder als Alternative text()) mit

$.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()); 
    }); 
}); 

Answer 3

Etwas unklar aus der Titel/Frage, was das Problem ist, so ist diese Antwort für:

console.log in einem div

Der „richtige“ Weg, dies zu tun wäre, um die Quelle zu ändern, die die console.log tut

Um die console.log zu ändern, anstatt zu einem div gehen Sie können die Datei console.log neu schreiben, zB:

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