jQuery eliminar fila de la tabla con los caracteres de identificación no estándar

Question

Estoy tratando de eliminar una fila de la tabla con jQuery como esto

function removeTableRow(trId){ 
    $('#' + trId).remove(); 
} 

Sin embargo, esto no funciona si el identificador contiene un personaje como "%", "^"," & ",", ", etc ....

¿Sabes si hay algún problema para esto?

Answer 1

Creo que la razón por la cual se puede encontrar aquí: What are valid values for the id attribute in HTML?

Sin embargo, no estoy tan seguro de una solución que no sea la obvia (modificar sus ids)

Answer 2

No se recomienda usar los caracteres en una cadena de id. Sin embargo, si lo considera necesario, deberá usar \\ para escapar del carácter en el selector.

Ejemplo: http://jsfiddle.net/NuWSp/

<table> 
    <tr id="b%b"> 
     <td>hello</td> 
    </tr> 
    <tr> 
     <td>world</td> 
    </tr> 
</table> 


function removeTableRow(trId){ 
    $('#' + trId).remove(); 
} 

removeTableRow("b\\%b"); 

Answer 3

HTML 4.0 IDs no pueden contener estos caracteres and be valid at the same time:

valores de atributo de tipo ID y NAME debe comenzar con una letra en el rango AZ o az y puede ir seguido de letras (A-Za-z), dígitos (0-9), guiones ("-"), guiones bajos ("_"), colones (":") y puntos (".") Estos valores de distinguen entre mayúsculas y minúsculas.

Si es necesario, se puede probar esto:

function removeTableRow(trId) { 
    $(document.getElementById(trId)).remove(); 
} 

lo recomiendo fijar el HTML, aunque.

Answer 4

no estoy seguro de si funcionará, pero se puede probar

var id = "id%#&hh"; 
$("tr").each(function(){ 
    if($(this).attr("id") == id){ 
     $(this).remove(); 
     return; 
    } 
}); 

Answer 5

Es mejor si se trata de varias filas en muchas mesas para eliminarlos a través de otro atributo como la clase o grupo.

Aquí es un ejemplo de cómo eliminar a través de atributo de grupo:

$("table tr[group='"+groupname+"']").remove(); 

espero que esto ayude.