I have several div tags with similar id, they all start with cn - , example:
<div id="cn-name">...</div>
<div id="cn-email">...</div>
<div id="cn-pass">...</div>
How can I interact with all of them without having to specify one by one? Was there any way she could do this at the beginning? For example:
/* no css */
#cn-* {
display:none;
}
/* no javascript/jquery */
$('#cn-*').hide();
See these two options
CSS:
div[id^='cn-'] {
display:none;
}
or jQuery:
$('div[id^="cn-"]').hide();
This will allow you to select all elements that contain cn- at the beginning of the ID.
Retired from SOen: css-selector-id-contains-part-of -text
[atributo^=valor] : selects all elements that atributo starts with valor
[atributo$=valor] : selects all elements that atributo ends with valor
[atributo*=valor] : selects all elements that atributo contains valor
Source: CSS Selectors