标签的移位

treemo 2014-08-04 06:01:06

原本标签<a> 在<table> 里面如下图：

点击新增后隐藏新增的按钮取而代之的是一个新的如下图：

点击保存之后是这样的效果：

现在我想将新增的按钮提取出来不放在table标签内
要实现点击保存之后table 最后一行就是新增的以下是代码求帮
<table class="sui-table table-bordered">
<tr>
<td colspan="2"></td>
<td style="border-left: 0; height: 29px">
<a href="javascript:void(0);" id="btnMemoQuickPhrase" class="sui-btn btn-danger">新增备注</a>
<label class="btnMemoQuickPhrase" style="cursor: pointer;"></label>
</td>
</tr>
</table>
<div class="hide">
<table>
<tbody>
<tr id="memoQuickPhraseTemp">
<td class="sui-form">
<input type="hidden" id="optionType" />
<input type="hidden" id="txtMemoQuickPhraseID" />
<input type="hidden" id="hdIsTeam" />
<input id="txtQuickPhrase" style="width: 90%; height: 25px; line-height: 25px; overflow: hidden" maxlength="500" onpropertychange="if (this.scrollHeight != 0) {this.style.height=this.scrollHeight+'px';}" oninput="if (this.scrollHeight != 0) {this.style.height=this.scrollHeight+'px';}" onkeydown="AcceptEnter(event,this);" />
</td>
<td style="width: 60px">
<label class="checkbox-pretty inline" data-toggle="checkbox">
<input type="checkbox" id="chkAutoSend"><span>自动</span>
</label>
</td>
<td style="width: 120px">
<a href="javascript:void(0);" class='sui-btn btn-primary' onclick="SaveMemoQuickPhraseItem(this);">保存</a>
<a href="javascript:void(0);" class='sui-btn' onclick="CancelItem(this);">取消</a>
</td>
</tr>
</tbody>
</table>
</div>

js代码其中一部分
var newLine = $("<tr class='" + ((lineCount % 2 != 0) ? "double" : "") + "'>"
+ "<td style='height: 29px;'><label id='lblQuickPhrase' class='breakWords' style=\"margin-left: 10px;\">" + quickPhrase + "</label>"
+ "<input id='hdMemoQuickPhraseID' type='hidden' value='" + newMemoQuickPhraseID + "' /><input id='hdAutoSend' type='hidden' value='" + hdIsAutoSend + "' />"
+ "<input id='hdSign' type='hidden' value='" + isTeam + "' /></td>"
+ "<td style='text-align:right;width: 70px'>"
+ "<span lang='AutoSend' style='color:Green;" + (isAutoSend ? "display: inline-block;" : "display:none;") + "'>[自动]</span>"
+ arrow
+ "</td><td style='width: 120px;'><a href='javascript:void(0);' class='sui-btn btn-small btn-primary' name='EditMemo'>修改</a> <a href='javascript:void(0);' class='sui-btn btn-small btn-primary' name='DeleteMemo'>删除</a></td></tr>");
itemLine.parent().find("#noContent").remove();
itemLine.prevAll().find(".icon-arrow-down").parent().show();
itemLine.prevAll().find("[lang=AutoSend]").hide();
itemLine.prev().before(newLine);//应该在这里可以写出效果
itemLine.prev().show();
itemLine.remove();

...全文