如何使用jQuery将表行分成两个表行

时间:2014-06-01 17:00:52

标签: jquery

我有一个宽表,我希望将每一行分成两行,在每个单元格后面加上" column-6"。

$( ".column-6" ).after( "</tr><tr class='secondary'>" );

由于某种原因,它包含在:

<tr class="secondary"></tr>

JS小提琴示例:http://jsfiddle.net/xa9nk/1/

1 个答案:

答案 0 :(得分:1)

我认为您应该更改html的{​​{1}}。首先,您必须在所需的位置插入令牌,然后使用您想要的字符串(table)执行令牌替换:

</tr><tr class='secondary'>

Demo.

这是使用纯正版Regex而不首先插入一些var yourOtherFace = jQuery.noConflict(); var token = "sdfdskjflsfj34234ksldjfskdl"; yourOtherFace( ".column-6" ).after(token) .closest('table').html(function(i,oldHtml){ return oldHtml.replace(new RegExp(token,"g"), "</tr><tr class='secondary'>"); }); yourOtherFace('.column-1').attr('rowspan', '2'); 的另一个解决方案,它可能会更短但是我做了一个测试用例,看起来比它慢约40%第一个解决方案(使用token)。

Demo 2

这是performance test