Estoy tratando de encontrar todos los <divs> en un html que contiene la misma palabra, podría estar en class="" o en id=""
Ejemplo:
<div id="chat_widget_th" class="bg-warning checkbox chat_open_ts">...</div> <div class="bloom chat_inside_th dark_yellow>...</div> <div id="opened_widget_chat" class="active show">...</div> <div class="chat_child modal show fade">...</div> Estos cuatro <divs> son de diferentes páginas.
Todos corresponden a una ventana emergente de chat que necesito excluir. Todos ellos contienen, de alguna manera, la palabra "chat".
Necesito encontrar todos los <divs> (u otras etiquetas) que contengan la palabra "chat" y eliminarlos. Para esto usaré la función
<script> var regexclass = /class="\K[^"]*?chat[^"]*?(?=")/; var regexid = /id="\K[^"]*?chat[^"]*?(?=")/; $('#regexclass').remove(); $('#regexid').remove(); </script> La función anterior funciona correctamente cuando se trata de id="" , porque encuentra todo lo que está entre comillas del atributo id, que es único.
Cuando se trata de una clase, en cambio, la función no funciona, porque devuelve, como dije, todo lo que está entre comillas.
ES DECIR
"floración .chat_inside_th .dark_yellow"
mientras que la función necesitaría al menos eliminar los espacios entre las diferentes clases.
".bloom.chat_inside_th.dark_yellow"
¿Hay alguna forma de eliminar estos espacios al buscar clases o, mejor aún, encontrar exclusivamente la clase que contiene la palabra "chat" como "chat_inside_th"?
Puede usar un selector de atributos: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
[id*="chat"] coincidirá con todos los atributos de identificación que tienen chat en ellos
$("#go").on("click",e => { $('[id*="chat"],[class*="chat"]').remove(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="chat_widget_th" class="bg-warning checkbox chat_open_ts">one</div> <div class="bloom chat_inside_th dark_yellow">two</div> <div id="opened_widget_chat" class="active show">three</div> <div class="chat_child modal show fade">four</div> <button id="go">go</button>Regex no debe usarse para analizar HTML.
En su lugar, puede usar un DOMParser para analizar la cadena , desde la cual puede seleccionar todos los elementos cuyo atributo de id o class contenga 'chat' y eliminarlos.
const str = `<div id="chat_widget_th" class="bg-warning checkbox chat_open_ts">...</div> <div class="bloom chat_inside_th dark_yellow>...</div> <div id="opened_widget_chat" class="active show">...</div> <div class="chat_child modal show fade">...</div>`; const parsed = new DOMParser().parseFromString(str, 'text/html'); parsed.body.querySelectorAll('[id*=chat],[class*=chat]').forEach(e => e.remove()) const res = parsed.body.innerHTML; console.log(res)