Question

我有这样一张桌子：

<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>

我有一个脚本来复制特定的＃34;＃id＆＃34;或＆＃34; .class＆＃34;元件。什么，我需要的是找到一种方法来获取该特定行的数据，只要按下复制按钮。我想要列＆＃39; orderid＆＃39;和＆＃39;键入＆＃39;要复制的特定行的值，但我无法找到在具有相同类名的<td>标记之间提取数据的方法。

Answer 1

     <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'));
           }
         );

您必须将复制的日期粘贴到某处。将此副本和顺序作为全局变量。单击粘贴时，请使用此变量的值

Answer 2

看看这个小提琴http://jsfiddle.net/3p29x2s9/11/

var buttons=document.getElementsByClassName("copy");
console.log(buttons);
for(var i=0;i<buttons.length;i++){
buttons[i].onclick=function(){
    var columns = this.parentElement.parentElement.getElementsByTagName("td");
    var type= columns[0].innerText;
    var orderid=columns[1].innerText;
 alert(type + " "+orderid);   

}
}

Answer 3

简单回答：

      $('.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
      });

我在这里得到了结果：http://codepad.viper-7.com/ahsVfB

检查它。

使用jquery在特定标记之间复制数据

3 个答案: