Como buscar uma div
por exemplo através de seu ID e Atributo em especifico como esta:
<div id="Y" data-id="X"></div>
ou seja, um código que pegue uma DIV com id=Y
e data-id=X
Como buscar uma div
por exemplo através de seu ID e Atributo em especifico como esta:
<div id="Y" data-id="X"></div>
ou seja, um código que pegue uma DIV com id=Y
e data-id=X
Se queres encontrar um elemento com ambos os atributos podes usar
var div = document.querySelector('#Y[data-id="X"]');
// ou ainda:
var div = document.querySelector('[id="Y"][data-id="X"]');
Neste exmplo fica redundante usar data-id="X"
pois o #Y
deve ser sufeciente uma vez que IDs têm de ser únicos. Mas em caso de outro attributo data-
ou classe podes usar assim:
var div = document.querySelector('.minhaClass[data-id="X"]');
// ou noutros casos
var div = document.querySelector('[data-custom="Y"][data-id="X"]');
Ou seja: os seletores de CSS devem estar juntos, sem espaço, quando a ideia fôr selecionar um elemento com ambos os atributos.
Para buscar por ambos (Redundante):
$('#Y[data-id="X"]').html('hauahu');
Para buscar pelo id
é desta forma com javascript
puro:
var x = document.getElementById("Y");
Para buscar pela classe (ira retornar um array com todos os objetos com determinada classe):
var x = document.getElementsByClassName("example");
Ou usando jquery:
$("ul").find("[data-id=X]");
É basicamente esta a construção de seletores, estes que podem ser utilizados em uma variedade de funções da jquery
.
Para buscar por seletores difenciados pode-se usar esta construção (suportadas por todos os browsers Atuais).
var x = document.querySelectorAll('[property]');
Fontes que dizem que o atibuto id
deve ser único: