Jquery - 向表中添加新行(IE友好版)

Question

我遇到了JQuery和Internet Explore(IE)的问题.我添加行的方法似乎不适用于IE(Chrome和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>

Answer 1

删除开始标记中的跟踪空格<tr>，IE 不喜欢无效的 HTML（不是开玩笑！！）。;-)

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