控制檯記錄多個條目和DOM條目

對於問這個問題感到抱歉，但它更好，我清除了我的想法。我在我的代碼的兩部分中添加了控制檯日誌。當我來回導航每篇文章時，即使我多次點擊相同的帖子，每次都會附加不同的日誌。我希望這不代表我的DOM即將被填充，儘管我已經在代碼中添加了.empty（）函數，希望這可以簡單地清除控制檯日誌並添加新的點擊。下面的屏幕截圖：代碼控制檯記錄多個條目和DOM條目

enter image description here

節：

$(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='';

來源

2013-10-24 Chelseawillrecover

以防萬一你不知道，console.log將會中斷ie8，所以一定要在推送到你的實時環境之前將其刪除。 –

只有使用它進行調試並確保所有內容都按預期工作 – Chelseawillrecover

您最終可以編寫'console = console || {log：function（）{}};'不要破壞任何瀏覽器。 – irla

使用jQuery的empty()不會做任何事情到控制檯，因爲jQuery的作用於DOM和無關與控制檯。控制檯的標準行爲是保持附加數據（這樣你就有記錄的歷史記錄）。您可以嘗試使用console.clear()，但它在所有瀏覽器中都不受支持。不過，我相信Chrome和更新版本的FireBug支持它。

來源

2013-10-24 18:21:52

好吧，我現在的理解是，這與DOM無關。在這種情況下，如何在任何時間點確認DOM有多少 – Chelseawillrecover

您是否在尋找DOM中特定元素的數量？你可以使用'jQuery（...）.length'（其中'...'是一個選擇器）。 –

是的，我會研究這個。 – Chelseawillrecover

有一個console.clear()你可以運行。

另外，您可能對console.table(data.posts)感興趣。

來源

2013-10-24 18:22:06

控制檯記錄多個條目和DOM條目

回答

相關問題