我想将表中的第2列值与第3列合并,并且我的表具有20多个行。
我正在为class =“ column2”的列2添加类,为class =“ column3”的列添加3。我的表类名称是genTable。
如何将每个第2列的值合并到第3列。在column2中,我有“ firstname”,第3列中有“ lastname”作为测试,然后在此脚本之后,我想在所有列的第3列中一起看到“ firstname lastname”?
JS:
$(document).ready(function(){
$(".genTable tr").each(function(){
var col2value = $(".column2").text();
var col3value = $(".column3").text();
$(col2value).append(col3value);
})
});
如何将每个列的值合并到所有行的另一个列中?我们需要使用for循环吗?
您可以将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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句