Javascript 在特定<;td>;使用jquery的标记
我有一张这样的桌子:Javascript 在特定<;td>;使用jquery的标记,javascript,jquery,html,html-table,copy,Javascript,Jquery,Html,Html Table,Copy,我有一张这样的桌子: <table> <tr> <td class="type">Order</td> <td class="orderid">1002</td> <td><button class="copy">Copy Row</button></td> </tr> <tr> <td class="type">Or
<table>
<tr>
<td class="type">Order</td>
<td class="orderid">1002</td>
<td><button class="copy">Copy Row</button></td>
</tr>
<tr>
<td class="type">Order</td>
<td class="orderid">1004</td>
<td><button class="copy">Copy Row</button></td>
</tr>
<tr>
<td class="type">Refund</td>
<td class="orderid">1004</td>
<td><button class="copy">Copy Row</button></td>
</tr>
</table>
命令
1002
复制行
命令
1004
复制行
退款
1004
复制行
我有一个脚本可以从特定的“#id”或“.class”元素复制数据。我需要的是找到一种方法,在按下复制按钮时获取特定行的数据。我希望复制该特定行的列“orderid”和“type”值,但我无法找到一种方法来提取具有相同类名的
标记之间的数据
<tr>
<td class="type">Refund</td>
<td class="orderid">1004</td>
<button class="copy">Copy Row</td>
</tr>
$(".copy").click(
function(event)
{
var copy=($(event.target).parent().find('.type'));
var order=($(event.target).parent().find('.orderid'));
}
);
退款
1004
复制行
$(“.copy”)。单击(
功能(事件)
{
var copy=($(event.target.parent().find('.type'));
变量顺序=($(event.target).parent().find('.orderid');
}
);
你必须把复制的日期粘贴到某个地方。制作此副本并将其作为全局变量排序。单击“粘贴”时,使用此变量的值查看此小提琴
var buttons=document.getElementsByClassName(“复制”);
控制台日志(按钮);
对于(var i=0;i简单回答:
$('.copy').click(function(){
var order_id = $(this).parent().parent().find('.orderid').text();
var type = $(this).parent().parent().find('.type').text();
alert(order_id); ///this wil get you the value
});
我在这里得出了结果:
检查它。您想将行的值复制到哪里?实际上,我已经有了zeroClipboard插件。谢谢您的评论。您能解释一下“.targetCopy”和“targetOrder”吗?这些类名是什么吗?是的,如果是您的目标。您想粘贴到哪里。如果您想粘贴到另一个dom中,将该id或类用作$('#id')。text('copy')
同样用于订单
$('.copy').click(function(){
var order_id = $(this).parent().parent().find('.orderid').text();
var type = $(this).parent().parent().find('.type').text();
alert(order_id); ///this wil get you the value
});