JQuery - jquery .append（）產生「無法讀取屬性'nodeName'爲null」

我想製作一個列表的表。我有一個變量，其中包含所有必要的列表myListingsArray。我想循環訪問數組，每次輸出5個或更少的列表。每個列表都需要擁有自己的屬性。這是我到目前爲止有：JQuery - jquery .append（）產生「無法讀取屬性'nodeName'爲null」

HTML：

<script type="text/template" id="listingsTemplate"> 
<div class-"listingsDiv"> 
    <h1 class="listingsTitle">My listings</h1> 
    <table id="listingsTable"> 
     <tr> 
      <th>Address</th> 
      <th>MLS</th> 
      <th>Broker</th> 
      <th>Price</th> 
     </tr> 
    </table> 
</div> 
</script>

JS：

$(document).ready(function(){ 
$("#listingsLink").click(function(){ 
    var personalTotal = myListingsArray.length; 
    $(".content").html(""); 
    var template = $("#listingsTemplate").html(); 
    $(".content").html(template); 
    for(var i = 0; i < personalTotal; i++){ 
     appendListing(i, "#listingsTable"); 
    } 
}); 
}); 

function appendListing(i, location){ 
/*$(location).append(" 
    <tr> 
     <td id=\"address\">" + myListingsArray[i].address + "</td> 
     <td id=\"mls\">" + myListingsArray[i].mls + "</td> 
     <td id=\"broker\">" + myListingsArray[i].broker + "</td> 
     <td id=\"price\">" + myListingsArray[i].price + "</td> 
    </tr> 
");*/ //EDIT: EASIER EXAMPLE 
    $(location).append(i); 
}

當我運行上面的代碼，它會返回一個錯誤說「無法讀取屬性「 nodeName「null」。「#listingsTable」在函數被調用之前就已經存在了，所以我不明白它爲什麼會拋出錯誤。

請幫謝謝

來源

2017-05-25 Alex Schwartzman

引用的代碼無效JavaScript（JavaScript字符串中不能有非轉義的換行符）。請使用複製問題的有效代碼發佈[mcve]。 –

而不是創建一個字符串的HTML，我會建議只創建對象並在必要時附加它們。您可以創建一個新的表格行並通過執行類似於'var $ tr = $（「< tr/>」）; var $ td1 = $（「 Santi

嗯，我花了一點休息一下，回來後，又跑到我的代碼，它突然工作。我之前刷新了一千次，但現在沒有，但由於某種原因，現在它已經完成了。抱歉打擾一下，祝大家有個美好的一天！

來源

2017-05-25 16:57:01

JQuery - jquery .append（）產生「無法讀取屬性'nodeName'爲null」

回答

相關問題