我找到了关于使用 jquery 插入 dom 元素的良好做法的好帖子,例如this、this和this
只需要插入一些元素就可以了,但在我看来,从可维护性的角度来看,这些选项非常糟糕(代码重复了两次,因此如果需要任何更改,它需要发生两次然后它变成很容易出错),
这是(只是一小部分)我所拥有的
<script type="text/javascript">
var phnFragment = "<tr><td align=\"right\">Telephone:</td><td colspan=\"2\"><select name=\"select\" size=\"1\"style=\"width: 100px;\"><option>-- Choose --</option><option>Home</option><option>Mobile</option><option>Work</option></select><input type=\"text\" size=\"20px\" /></td></tr>";
$(document).ready(function() {
$('#addmorephones').click(function() {
$("#phones").append(phnFragment);
});
});
</script>
....
....
<tr id="phones">
<td align="right">Telephone:</td>
<td colspan="2"><select name="select" size="1"
style="width: 100px;">
<option>-- Choose --</option>
<option>Home</option>
<option>Mobile</option>
<option>Work</option>
</select><input type="text" size="20px" /> <a href="javascript:void(0);" id="addmorephones">[+]</a>
</td>
</tr>
有没有更好的方法来实现这一点?有没有办法告诉 jquery 复制 dom 树的一部分并将其用作要插入的片段?
很想学习替代品