向表格添加新行（IE友好版本）

我'有问题与JQuery和Internet Explore（IE）。 我的方法添加行似乎并没有在IE浏览器中工作（铬和Firefox构成没有问题）

想象下面的表格

<table border="1">
    <tr>
        <td><button class="btn">btn1a</button></td>
        <td><button class="btn">btn1b</button></td>
        <td>zever</td>
        <td>zeverin pakskes</td>
    </tr>
    <tr>
        <td><button class="btn">btn2a</button></td>
        <td><button class="btn">btn2b</button></td>
        <td>zever</td>
        <td>zeverin pakskes</td>
    </tr>
    </table>

要添加行（当用户点击“按钮”时），我执行以下方法

$(document).ready(function(){
    $('.btn').on('click',function(){
        var parentrow = $(this).parent().parent();
        parentrow.after('<tr ><td colspan="4">Dit is een colspan rij</td></tr>');
    });
});

问题：我如何改变我的方法，使其在IE中也能工作？ （例如行正在被添加）？

注意：我正在使用以下JQuery库

<script src="https://code.jquery.com/jquery.js"></script>

---

删除开始的<tr>标记中的traling空间，IE不喜欢无效的HTML（不开玩笑!!）。 ;-)

parentrow.after('<tr><td colspan="4">Dit is een colspan rij</td></tr>');

---

几个月前我也遇到了同样的问题，并遵循下面的方法

改为将元素创建为单独的元素：

parent.after($('<tr/>').append($('<td colspan="4" />').text('Dit is een colspan rij')));

链接地址: http://www.djcxy.com/p/79131.html

上一篇: Add new row to table (IE friendly version)

下一篇: Algorithm for largest word formed from perodic table elements