Jquery在调用jquery的行后添加表行
Jquery在调用jquery的行后添加表行
提问于 2010-04-24 18:28:46
我有个table。
<table id="servers" ...>
...
{section name=i loop=$ownsites}
<tr id="site_id_{$ownsites[i].id}">
...
<td>{$ownsites[i].phone}</td>
<td class="icon"><a id="{$ownsites[i].id}" onClick="return makedeleterow(this.getAttribute('id'));" ...></a></td>
</tr>
{/section}
<tbody>
</table>还有这个JavaScript。
<script type="text/javascript">
function makedeleterow(id)
{
$('#delete').remove();
$('#servers').append($(document.createElement("tr")).attr({id: "delete"}));
$('#delete').append($(document.createElement("td")).attr({colspan: "9", id: "deleter"}));
$('#deleter').text('Biztosan törölni szeretnéd ezt a weblapod?');
$('#deleter').append($(document.createElement("input")).attr({type: "submit", id: id, onClick: "return truedeleterow(this.getAttribute('id'))"}));
$('#deleter').append($(document.createElement("input")).attr({type: "hidden", name: "website_del", value: id}));
}
</script>它工作得很好，它在table的最后一个tr之后生成一个tr，并将信息放入其中，删除功能也工作得很好。
但是我想在调用该脚本的 tr (带有td class="icon")之后添加该脚本。我该怎么做呢？
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-04-24 18:46:03
您可以使用jQuery中的.after()函数将一些内容追加到另一个元素之后。
因此，不是
$("servers").append( ... );您将使用
$("#" + id + ).closest( "tr" ).after( ... );或者您也可以使用
$( ... ).insertAfter( $("#" + id ).closest( "tr" ) );这在本质上是等价的。
有关详细信息，请参阅http://api.jquery.com/after/。
Stack Overflow用户
发布于 2011-05-24 20:24:21
尝试.prepend()而不是.append()
Stack Overflow用户
发布于 2017-04-05 13:18:59
interst tr id然后onclick="xyz()“
如下所示：
<tr id="" onclick="xyz()"><td></td><td></td></tr>
<script>
function xyz()
{
var newrow = "<tr><td>data1</td><td>data1</td></tr>";
$("#tr_id").after(newrow);
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2704100
复制相关文章
相似问题