0

我有一个关于动态的问题tr，保留td.

我有一个像流动代码的表格：

<table id="map2">
    <tr>
        <td class="15c">15</td>
        <td class="16c">16</td>
        <td class="17c">17</td>
    </tr>
    <tr>
        <td class="15c">15</td>
        <td class="16c">16</td>
        <td class="17c">17</td>
    </tr>
</table>

我添加了一些动态创建列的 jQuery 代码。就像流动的代码：

$('#map2').on('mouseenter', 'td:last-child', function(){
            var tdClass = $(this).attr('class');
            var newClass = parseInt(tdClass);
            if(newClass <= 30) {
                $(this).after('<td class="'+ (newClass+1) +'c">'+ (newClass+1) +'</td><td class="'+ (newClass+2) +'c">'+ (newClass+2) +'</td><td class="'+ (newClass+3) +'c">'+ (newClass+3) +'</td>');
            } else {
                alert('end!')
            }
        });

        $('#map2').on('mouseenter', 'td:first-child', function(){
            var tdClass = $(this).attr('class');
            var newClass = parseInt(tdClass);
            if(newClass >= 3) {
                $(this).before('<td class="'+ (newClass-3) +'c">'+ (newClass-3) +'</td><td class="'+ (newClass-2) +'c">'+ (newClass-2) +'</td><td class="'+ (newClass-1) +'c">'+ (newClass-1) +'</td>');
            } else {
                alert('end!')
            }
        });

该代码td为我创建了一个，现在我想创建一个tr（行）并保留内容。例如，当创建新行时，该行的内容类似于tdbefore tr。我尝试了一些这样的代码：

$('#map2').on('mouseenter', 'tr:first-child', function(){
            var trCont = $(this).html;
            // $(this).before('<tr>'+ trCont +'</tr>');
            $(this).before('<tr><td>new row</td></tr>');
        });

但没有用。我怎么解决这个问题？

http://jsfiddle.net/H6MSS/2/

4

0 回答 0