fit - Selectores parciales jQuery

css browser compatibility

Question

Tengo una serie de tablas, que tienen tablas anidadas. Utilizando jQuery para ocultar algunas de las celdas de la tabla, ya que un número está vacío o el contenido es irrelevante.

Uso jQuery para ocultar todos los TD y luego jQuery para mostrarlos, por ejemplo, si contienen un <P> .

Desafortunadamente, algunos de los TD no contienen nada, pero aún deben mostrarse. La clase que se les da a los TD es dinámica, por lo que no podré codificar para todos ellos (sensiblemente), sin embargo todos terminan en ''Nodo''

Me preguntaba si es posible hacer algo como ...

$(function() {
   $(''TR .*Node'').css(''display'',''inline'');
});

Answer 1

El selector [attribute$="value"] le permitirá hacer coincidir los atributos que terminan con un valor particular. Tenga en cuenta que usar show() lugar de cambiar el CSS directamente mantendrá las características de visualización del elemento que está revelando. Si realmente quiere forzarlos a que se muestren en línea, puede revertirlos al método css con display: inline

 $(''td[class$="Node"]'').show();

Answer 2

Esto seleccionará cualquier tds con Node en algún lugar de su nombre de clase.

$(''td[class*=Node]'').css(''display'',''inline'');

Esto seleccionará cualquier tds con Node al final de su nombre de clase.

$(''td[class$=Node]'').css(''display'',''inline'');

Tenga en cuenta que .show() hace aproximadamente lo mismo que .css(''display'',''inline'');

Answer 3

$(function() {
     $(''td[class*=Node]'').css(''display'',''inline'');
});