Skip to main content
Commonmark migration
Fonte Link

Na página existem diversos elementos com atributos data. Para evitar andar a adicionar classes de CSS ao elementos, tornado o código da página mais denso, gostaria de selecionar elementos pelo nome do atributo data.

###Exemplo

Exemplo

<div id="myDiv" class="text banana" data-my-target="John"></div>
<div id="myOther" class="text bread" data-my-target="Doe"></div>
<div id="myBother" class="text fun" data-my-girl="Jane"></div>

A ideia é aplicar determinada ação via jQuery aos elementos que contenham um atributo data-my-target.

#Pergunta

Pergunta

Como posso selecionar elementos pelo nome do atributo data?

Na página existem diversos elementos com atributos data. Para evitar andar a adicionar classes de CSS ao elementos, tornado o código da página mais denso, gostaria de selecionar elementos pelo nome do atributo data.

###Exemplo

<div id="myDiv" class="text banana" data-my-target="John"></div>
<div id="myOther" class="text bread" data-my-target="Doe"></div>
<div id="myBother" class="text fun" data-my-girl="Jane"></div>

A ideia é aplicar determinada ação via jQuery aos elementos que contenham um atributo data-my-target.

#Pergunta

Como posso selecionar elementos pelo nome do atributo data?

Na página existem diversos elementos com atributos data. Para evitar andar a adicionar classes de CSS ao elementos, tornado o código da página mais denso, gostaria de selecionar elementos pelo nome do atributo data.

Exemplo

<div id="myDiv" class="text banana" data-my-target="John"></div>
<div id="myOther" class="text bread" data-my-target="Doe"></div>
<div id="myBother" class="text fun" data-my-girl="Jane"></div>

A ideia é aplicar determinada ação via jQuery aos elementos que contenham um atributo data-my-target.

Pergunta

Como posso selecionar elementos pelo nome do atributo data?

Fonte Link
Zuul
  • 35,8mil
  • 21
  • 99
  • 190

Selecionar elementos que contenham um atributo "data" em particular

Na página existem diversos elementos com atributos data. Para evitar andar a adicionar classes de CSS ao elementos, tornado o código da página mais denso, gostaria de selecionar elementos pelo nome do atributo data.

###Exemplo

<div id="myDiv" class="text banana" data-my-target="John"></div>
<div id="myOther" class="text bread" data-my-target="Doe"></div>
<div id="myBother" class="text fun" data-my-girl="Jane"></div>

A ideia é aplicar determinada ação via jQuery aos elementos que contenham um atributo data-my-target.

#Pergunta

Como posso selecionar elementos pelo nome do atributo data?