Supongamos que tengo un montón de filas bajo el patrón de nombre de clase foo bar row-id* . ¿Cómo hago coincidir todas las filas bajo ese patrón usando querySelectorAll?
document.querySelectorAll(".foo.bar.[=*row-id]")Esto no funciona como se esperaba.
[class^="foo bar row-id"] coincidirá con lo que está buscando. Esto busca todas las clases que miran fijamente con .foo bar row-id . También puede cambiar class por cualquier otro atributo HTML.
[class$="foo bar row-id"] coincidirá con la class que termina con su consulta.
[class*="foo bar row-id"] coincidirá con todas las clases que contengan su consulta.
Ejemplo:
var items = document.querySelectorAll('[class^="foo bar row-id"]');