JQuery entfernen Element macht Seite reagiert nicht und Browser hängen

Question

Ich versuche, eine Schleife zu entfernen Element in meinem HTML mit JQuery, aber wenn die Funktion zu entfernen Element ausgeführt wird, hängen mein Browser und ich muss den Prozess wegen der Seite zu töten reagiert nicht mehr, hier ist JQuery-Code:

function removeElement(){ 
      var i =0; 
      for(i=1;i<=5;i++){ 
       if ($('#attribute-name'+i).length > 0){ 
        $('#attribute-name'+i).remove(); 
        $('#attribute-custom'+i).remove(); 
       } else{ 
       break; 
       } 
      } 
      } 

meine Html:

<table> 
    <tr> 
    <td id='attribute-name0'></td> 
    <td id='attribute-custom0'></td> 
    <td id='attribute-name1'></td> 
    <td id='attribute-custom1'></td> 
    <td id='attribute-name2'></td> 
    <td id='attribute-custom2'></td> 
    </tr> 
</table> 

Answer 1

Versuchen Sie dieses Motto statt:

$("td:regex(id, attribute-name\d)").remove() 
$("td:regex(id, attribute-custom\d)").remove() 

Zuerst wählen wir alle Elemente mit einem Regex-Selektor aus und rufen dann remove Methoden auf, um alle Knoten zu löschen.