Jquery - Aggiungi nuova riga alla tabella (versione amichevole di IE)

Question

Im 'avere problemi con JQuery e Internet Explore (IE). Il mio metodo per l'aggiunta di file non sembra funzionare in IE (Chrome & Firefox non pongono alcun problema)

Immaginate seguente tabella

<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> 

per aggiungere righe (quando l'utente fa clic su un pulsante '') i eseguire il seguente metodo

$(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>'); 
    }); 
}); 

domanda: Come posso modificare il mio metodo in modo che funziona in IE troppo? (ad esempio la riga viene aggiunta)?

Nota: sto usando il seguente JQuery - biblioteca

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

Answer 1

Rimuovere lo spazio traling nel tag di apertura <tr>, IE non piace HTML non valido (non è uno scherzo !!). ;-)

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

Answer 2

Ho anche imbattuto lo stesso problema qualche mese fa e ha seguito l'approccio seguito

Creare gli elementi come elementi separati invece:

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