标签的移位
原本 标签<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();

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

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

现在我想将 新增的按钮提取出来 不放在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();
...全文
相关推荐
高程点自动移位
标签中提到的"Cass插件"是指专门为Cass软件开发的扩展功能模块。这些插件能够增强Cass的原生功能,比如处理特定的数据格式、自动化某些复杂任务或者提供更高级的数据分析工具。"
数字8循环移位显示
ispLEVER"是一个标签,它是指Lattice公司的ispLEVER软件工具。这是一个用于编程和配置Lattice FPGA(现场可编程门阵列)的集成开发环境。
三菱PLC彩灯移位程序.rar
标签“综合资料”提示我们,这个压缩包可能包含多种类型的文件,如程序代码、说明书、图表或者示例,这些都可能有助于我们全面了解如何实现彩灯移位功能。
jquery图片移位效果
**HTML结构**:在HTML文档中,我们需要创建一组`<img>`标签,每个标签代表一张图片,并设置好相应的`src`属性。可以使用`class`或`id`来方便地选中这些图片元素。2.
jquery图片移位效果.zip
综上所述,"jquery图片移位效果.zip"可能包含了一个利用jQuery的事件处理、CSS的过渡和关键帧动画,以及HTML5的`<img>`标签来实现的图片动态移位的实例。


