Tengo este trozo de código:
$('#btn_1, #btn_2').on('click', function() {
// Button 1
let btn1conSpan = $('#btn_1 span');
// Button 2
let btn2conSpan = $('#btn_2 span');
console.log(btn1conSpan.text());
console.log(btn2conSpan.text());
});
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<button id="btn_1"><span>Span1</span> Button 1</button>
<button id="btn_2"><span>Span2</span> Button 2</button>
Cual funciona correctamente, ahora mi pregunta, es cuando quiero usar el selector $(this)
:
¿Es posible de alguna manera de saber cual de los id
's se ha presionado (sin usar condiciones (if ( .. )
))? ¿De tal forma que muestre el resultado como el primer ejemplo?
El segundo ejemplo muestra la idea que tengo, pero obviamente no da el resultado deseado:
$('#btn_1, #btn_2').on('click', function(){
let $this = $(this);
// Button 1
let btn1conSpan = $this.find('span'); // Que sea el selector #btn_1
// Button 2
let btn2conSpan = $this.find('span'); // Que sea el selector #btn_2
console.log(btn1conSpan.text()); // Resultado deseado: Span1
console.log(btn2conSpan.text()); // Resultado deseado: Span2
});
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<button id="btn_1"><span>Span1</span> Button 1</button>
<button id="btn_2"><span>Span2</span> Button 2</button>
El resultado deseado del ejemplo 2 sea:
Span1
Span2
EDIT:
Veo que es algo lioso de entender la pregunta.
Simplifico lo máximo posible:
$('#btn_1, #btn_2').on('click', function() {
// Quiero seleccionar con $(this) de esta forma
$(this).elemento1; // Que sea #btn_1
$(this).elemento2; // Que sea #btn_2
});
Hay una forma de hacerlo así de simple?
id
del elemento clickeado y mostrar el texto de todo lo anidado en el selector?$(this)
no se podría hacer.this
es el elemento objeto de la acción, pero no guarda ningún tipo de información de los otros elementos que haya en el selector, por lo que desde btn_1 no se podría saber si btn_2 es parte del selector para hacer click en él (y viceversa). Por eso preguntaba que si esa era tu estructura, porque lo más parecido sería seleccionar los elementos hermanos y forzar un click en ellos también