javascript - 通过 Jquery 追加到 div 的末尾

Question

我有一个包含表格的 div，我想根据场景动态地向该表格添加一行。如何使用 jquery 完成此操作？

<div style="margin-bottom: 4px;" id="div_outgoing_call_dates_rows">
<table id="tbl_dynamic_call_dates">
<tbody><tr><td>Appointment date</td><td>Client time window</td></tr>
<tr id="client_app_0"><td>04/10/2013</td><td><select name="CSSAtapsClient[client_time_window_arr][0]" id="client_time_window_0">undefined<option value="5702">07am - 10am</option><option value="5703">10am - 1pm</option><option value="5704">12pm - 3pm</option><option value="5705">03pm - 06pm</option><option value="5706">06pm - 09pm</option><option value="5707">07pm - 10pm</option><option value="5708">09pm - 12am</option><option value="5709">12am - 7am</option></select></td>
</tr>
</tbody>
</table>
</div>

我试过了，它在最后一行没有起作用，而是添加到 div 中，旧内容被清除。

$("#div_outgoing_call_dates_rows").append(dynamicRow);

感谢早期的回应。

fiddle Here

编辑 2

     $.each(array,function(i){
     if($("#client_app_tr_" + array[i]).length == 0) {
     console.log("yes  not exisit so adding a new one");
     dynamicRow += "<tr id=\'client_app_tr_" + array[i] + "\'><td>" + array[i] + "</td><td>" + "<select id=\'client_time_window_" + i + "\' name=\'CSSAtapsClient[client_time_window_arr][" + i + "]\'>" + dynamicDD + "</select>" + "</td></tr>";
     }
     });

我有这样的 tr id -> client_app_tr_07/10/2013, client_app_tr_08/10/2013, client_app_tr_09/10/2013 ... 所以如果那个 id 不存在我需要添加一个新行。它不起作用，因为我检查它的方式总是进入这个循环。 if($("#client_app_tr_"+ array[i]).length == 0) {}

编辑 3

这似乎也不起作用。我一定是遗漏了什么，或者没有任何方法可以检查 jquery 中是否存在元素 ID？

if($("#client_app_tr_" + array[i])[0] !== true) {}

Answer 1

试试这个，这会对你有帮助。

var old_item =$('#div_outgoing_call_dates_rows').html(); 
old_item=old_item+'New Content'; 
$('#div_outgoing_call_dates_rows').append(old_item);

fiddle here .