Javascript 控制台日志多个条目&；DOM条目

很抱歉问了这个问题，不过我最好把我的思绪从这个问题上移开。我在代码的两个部分添加了控制台日志。当我来回浏览每一篇文章时，每次都会附加不同的日志，即使我多次单击同一篇文章。我希望这不是我的DOM被填满的迹象，尽管我在代码中添加了.empty（）函数，希望这只是清除控制台日志并附加新的点击。屏幕截图如下：

守则各节：

$(document).on('pagebeforeshow', '#blogposts', function() {     

    $('#postlist').html();  
        $.ajax({
            url: "http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories",
            dataType: "json",
            beforeSend: function() { $.mobile.showPageLoadingMsg(true); },
            complete: function() { $.mobile.hidePageLoadingMsg(); },

            success:function (data){

                console.log(data);
                $.each(data.posts, function(key, val) {

                var result = $('<li/>').append([$("<h3>", {html: val.title}),$("<p>", {html: val.excerpt})]).wrapInner('<a href="#devotionpost" onclick="showPost(' + val.id + ')"></a>');
                $('#postlist').append(result);
                return (key !== 4);

            });

            $("#postlist").listview().listview('refresh');

function showPost(id) {
    $.mobile.showPageLoadingMsg("b", "Loading", false);
    console.log(id);
    $('#mypost').empty();
    $.getJSON('http://howtodeployit.com/category/daily-devotion/?json=get_post&post_id=' + id + '&callback=?', function(data) {
        var posts='';

$（document）.on（'pagebeforeshow'，'#blogposts'，function（）{
$（'#postlist'）.html（）；
$.ajax({
url:“http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories",
数据类型：“json”，
beforeSend:function（）{$.mobile.showPageLoadingMsg（true）；}，
完成：函数（）{$.mobile.hidePageLoadingMsg（）；}，
成功：功能（数据）{
控制台日志（数据）；
$.each（data.posts、function（key、val）{
var result=$（'
'）.append（[$（“”，{html:val.title}），$（“”，{html:val.extract}）]）.wrapInner（“”）；
$（'#postlist'）。追加（结果）；
返回（键！==4）；
});
$（“#postlist”）.listview（）.listview（'refresh'）；
功能显示柱（id）{
$.mobile.showPageLoadingMsg（“b”，“Loading”，false）；
console.log（id）；
$（'#mypost'）.empty（）；
$.getJSON（'http://howtodeployit.com/category/daily-devotion/?json=get_post&post_id=“+id+”&回调=？”，函数（数据）{
var posts=''；

使用jQuery的

empty（）

对控制台没有任何作用，因为jQuery在DOM上工作，与控制台没有任何关系。控制台的标准行为是不断追加数据（这样您就有了日志记录的历史记录）。您可以尝试使用

console.clear（）

，但并非所有浏览器都支持它。不过我相信Chrome和FireBug的更新版本支持它。

有一个

控制台。clear（）

可以运行

---

此外，您可能对

console.table（data.posts）

感兴趣，以防您不知道，console.log将破坏ie8，因此在推送到您的实时环境之前，请确保将其删除。仅使用它进行调试，并确保一切都按预期工作，您最终可以编写

console=console |{log:function（）{}；

不要破坏任何浏览器。好吧，伙计们，我现在的理解是，这与DOM无关。在这种情况下，我如何确认在任何时间点DOM中有多少元素？您是否在查找DOM中特定元素的数量？您只需使用

jQuery（…）。长度

（其中

…

是一个选择器）是的，我会研究这个。