Coding Life

筆記一下小問題，如果新增方法不正確可能造成後續搜尋錯誤

假設一個網頁內容如下

~~~~~

..

<table class='dataTable'>

</table>

..

~~~~~

而現在在取得資料後要利用 JQuery 在 table 中加入資料可能會這樣寫

~~~~~

$(".dataTable").append("<tr>");

$(".dataTable").append("<td>" + ....... + "</td>");

$(".dataTable").append("</tr>");

~~~~~

但是這樣的寫法在 JQuery 加入標籤後會長成這個樣子

~~~~~

..

<table class='dataTable'>

<tr></tr><td>......</td>

</table>

..

~~~~~

這樣在後續要搜尋 tr 或 td 時產生錯誤，所以在新增時用完整字串如下

~~~~~

..

var str = "<tr><td>......</td></tr>";

$(".dataTable").append(str);

..

~~~~~

或是新增完 tr 後將它視為一個 object 處理

~~~~~

..

$(".dataTable").append("<tr>");

$(".dataTable").last("tr").append("<td>" + ...... + "<td>");

..

~~~~~

這樣在標籤排列上才會是正確的