克隆并将所选行删除到另一个表 [英] Clone and delete selected row to another table
本文介绍了克隆并将所选行删除到另一个表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正试图将所选对象从一个表克隆到另一个表.到目前为止,我正在克隆选定的td的ID.以下是我正在尝试的代码.
I am tring to clone selected object from one table to another . Till now i am getting the id of selected td to be cloned . Following is the code i am trying.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<style type="text/css">
.row-highlight
{
background-color: Yellow;
}
</style>
<script type="text/javascript">
$(function() {
var message = $('#message');
var tr = $('#tbl,#tbl2').find('tr');
tr.bind('click', function(event) {
var values = '';
tr.removeClass('row-highlight');
var tds = $(this).addClass('row-highlight').find('td');
$.each(tds, function(index, item) {
values = item.id;
});
message.html(values);
});
});
</script>
</head>
<body>
<form>
<table>
<tr>
<td>
<table id="tbl" style="border: solid 1px black">
<tr>
<td id="a">
1
</td>
</tr>
<tr>
<td id="b">
2
</td>
</tr>
<tr>
<td id="c">
3
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td><input type="button"name="button one" value=">>" onclick=""</td>
</tr><tr>
<td><input type="button" name="button two" value="<<" onclick=""</td>
</tr>
</table>
</td>
<td>
<table id="tbl2" style="border: solid 1px black">
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<div id="message">
</div>
</form>
</body>
</html>
如何从"tbl"表的"tbl"到"tbl2"按钮的单击功能中克隆和删除所选项目,以及如何在单击按钮2"的按钮时将其复制和删除. 预先感谢.////
How to clone and delete the selected item from table "tbl" to "tbl2" onclick function of button "button one " and vise versa on click of button "button two". Thanks in advance.////
推荐答案
只需使用prepend(),append()方法即可. 这些方法将很好地满足您的目的.
Just use, prepend() , append() methods. These methods will serve your purpose well.
您可以按以下方式使用它:
You may use it some way like this:
var row = $(this).closest('tr').html();
$('#otherTable tbody').append('<tr>'+row+'</tr>');
这篇关于克隆并将所选行删除到另一个表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文