2016-09-14 2 views
1

Я использую простой пример синтаксического анализа rss-канала из этого раздела = Rss Parser Example.Конвертировать console.log для вывода на 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, например:

журнал название идет в к <div class="Rss-Title"></div> и так далее. Таким образом, в конце концов, я должен что-то вроде этого:

<div id="Rss"> 

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

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

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

</div> 

Мой вопрос: Что правильный способ сделать что-то подобное?

+0

Вы хотите записывать записи в div? – MKB

+0

Непонятно: можете ли вы изменить источник? Ваш заголовок + вопрос не совпадает. –

+0

Жаль, что ядерные ребята. Иш альри отправил ответ. – Cryptaline

ответ

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

Вот что я имел в виду. Спасибо! – Cryptaline

+0

Рад помочь :) – Ish

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

Спасибо, попробуй обоих - урсов и Иш. – Cryptaline

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") 
+0

Извините за то, что ядерный. Иш альри отправил ответ. Это то, что я имел в виду. – Cryptaline

Смежные вопросы