Skip to main content
se añadieron 2 caracteres en el cuerpo
Origen Enlace
Christian
  • 10.1k
  • 9
  • 21
  • 40

puede hacerlo asi:

//seleccionamos el input con name b y id dos
let input1 = document.querySelector("input[name='b']#dos");
console.log(input1);
// a lo inverso
let input2 = document.querySelector("input#dos[name='a']");
console.log(input2);
div #dos {
 border-color:blue;
 color:blue;
}

div#dos {
 border-color:red;
 color:red;
}
<input id="uno" name="a"/> <br>
<input id="dos" name="a"/>><br>> <br>
<input id="uno" name="b"/><br>> <br>
<input id="dos" name="b"/><br>> <br>

<div id="dos">padre <span id="dos"> hijo</span></div>
<div id="dos">padre <span id="dos"id="dos"> >hijo<hijo</span></div>

NOTA

para jquery solo es remplazar document.querySelector por $

si se coloca el selector todo junto sin espacio hace referencia al elemento actual ejemplo: rojo

si se agrega un espacio hace referencia los hijos ejemplo: azul

se ilustro con un css para mayor compresion

puede hacerlo asi:

//seleccionamos el input con name b y id dos
let input1 = document.querySelector("input[name='b']#dos");
console.log(input1);
// a lo inverso
let input2 = document.querySelector("input#dos[name='a']");
console.log(input2);
div #dos {
 border-color:blue;
 color:blue;
}

div#dos {
 border-color:red;
 color:red;
}
<input id="uno" name="a"/> <br>
<input id="dos" name="a"/>><br>
<input id="uno" name="b"/><br>
<input id="dos" name="b"/><br>

<div id="dos">padre <span id="dos"> hijo</span></div>
<div id="dos">padre <span id="dos" >hijo</span></div>

NOTA

para jquery solo es remplazar document.querySelector por $

si se coloca el selector todo junto sin espacio hace referencia al elemento actual ejemplo: rojo

si se agrega un espacio hace referencia los hijos ejemplo: azul

se ilustro con un css para mayor compresion

puede hacerlo asi:

//seleccionamos el input con name b y id dos
let input1 = document.querySelector("input[name='b']#dos");
console.log(input1);
// a lo inverso
let input2 = document.querySelector("input#dos[name='a']");
console.log(input2);
div #dos {
 border-color:blue;
 color:blue;
}

div#dos {
 border-color:red;
 color:red;
}
<input id="uno" name="a"/> <br>
<input id="dos" name="a"/> <br>
<input id="uno" name="b"/> <br>
<input id="dos" name="b"/> <br>

<div id="dos">padre <span id="dos"> hijo</span></div>
<div id="dos">padre <span id="dos"> hijo</span></div>

NOTA

para jquery solo es remplazar document.querySelector por $

si se coloca el selector todo junto sin espacio hace referencia al elemento actual ejemplo: rojo

si se agrega un espacio hace referencia los hijos ejemplo: azul

se ilustro con un css para mayor compresion

Origen Enlace
Bryro
  • 9.5k
  • 1
  • 11
  • 24

puede hacerlo asi:

//seleccionamos el input con name b y id dos
let input1 = document.querySelector("input[name='b']#dos");
console.log(input1);
// a lo inverso
let input2 = document.querySelector("input#dos[name='a']");
console.log(input2);
div #dos {
 border-color:blue;
 color:blue;
}

div#dos {
 border-color:red;
 color:red;
}
<input id="uno" name="a"/> <br>
<input id="dos" name="a"/>><br>
<input id="uno" name="b"/><br>
<input id="dos" name="b"/><br>

<div id="dos">padre <span id="dos"> hijo</span></div>
<div id="dos">padre <span id="dos" >hijo</span></div>

NOTA

para jquery solo es remplazar document.querySelector por $

si se coloca el selector todo junto sin espacio hace referencia al elemento actual ejemplo: rojo

si se agrega un espacio hace referencia los hijos ejemplo: azul

se ilustro con un css para mayor compresion