jquery将表第二列值合并到下一列值

Question

我想合并列2的值与我的表中的列3，我的表具有超过20行。

我正在为class =“column2”添加第2列的类，为class =“column3”添加了3。 和我的表类名是genTable。

如何将每个列中的2个值合并到列3..eg中。在第二栏我有'名字'和第三栏我有'姓'作为测试，然后在这个脚本我想看到'姓氏姓'一起incolumn 3所有的列？

JS：

$(document).ready(function(){ 
    $(".genTable tr").each(function(){ 
      var col2value = $(".column2").text(); 
      var col3value = $(".column3").text(); 
      $(col2value).append(col3value); 
    }) 
}); 

如何给他人所有行每一列的值合并吗？我们需要使用for循环吗？

Answer 1

您可以附加column3内容column2，之后从表中删除column3：

$(".genTable tr .column2").append(function() { 
    return ' ' + $(this).next('.column3').remove().html(); 
}); 

查看下面的演示。

$(".genTable tr .column2").append(function() { 
 
    return ' ' + $(this).next().remove().html(); 
 
});

table {border-collapse: collapse;} 
 
table td, table th {padding: 10px 5px; border: 1px #AAA solid;} 
 
table th {background: #EEE;} 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="genTable"> 
 
    <tr> 
 
     <th>ID</th> 
 
     <th class="column2">First name</th> 
 
     <th class="column3">Last name</th> 
 
     <th>Occupation</th> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td class="column2">Thomas</td> 
 
     <td class="column3">Mann</td> 
 
     <td>Writer</td> 
 
    </tr> 
 
    <tr> 
 
     <td>2</td> 
 
     <td class="column2">Jon</td> 
 
     <td class="column3">Smith</td> 
 
     <td>Artist</td> 
 
    </tr> 
 
</table>

Answer 2

1.方案1：使用jQuery 最接近（）或下（）函数。

$(document).ready(function(){ 
     $(".genTable tr td.column2").each(function(){ 
      var col2value = $(this).text();// replace text() with html() to get/set entire html inside selected html element 
      var col3value = $(this).next("td.column3").text(); 
      $(this).text(col2value + " " + col3value); 
     }); 
}); 

See here ...

2.选项2：多一个属性添加到您的类（说你的类名是用户）

public class User 
    { 
     public string FirstName {get; set;} 
     public string LastName {get; set;} 
     public string FullName {get {return FirstName + LastName ;}} 
    }