Método para seleccionar elementos con jQuery por medio de su atributo. Usando los selectores de css con corchetes.

En este ejemplo voy a seleccionar elementos por su atributo “name”, por ejemplo tenemos este html:

<button name="boton">Botón</button>
<button name="boton-1">Botón</button>
<button name="boton-2">Botón</button>
<button name="boton-3">Botón</button>

Seleccionar los elementos por “nombre” igual a:

$( "button[name='boton']" ).addClass( "rojo" );

Seleccionar los elementos cuyo “nombre” empiece igual a:

$( "button[name^='boton-']" ).addClass( "azul" );

Demo:

See the Pen OyEKaE by Jorge Maiden (@jorgemaiden) on CodePen.

Agradezco tu comentario 🤘

Jorge Maiden

Me conocen por Jorge Maiden, y soy de León (León/Zamora/Salamanca).
Desde el año 2004 trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.

bufa.es es una página web que tiene como finalidad "compartir" snippets y otros recursos web que voy utilizando en el día día.

© bufa.es 2009-2019 | RSS | Twitter | Linkedin | Web alojada en iPage

sobre mi | contacto | política de privacidad | cookies