Skip to main content
replaced http://es.stackoverflow.com/ with https://es.stackoverflow.com/
Origen Enlace

En teoría, sólo con $(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... aunque eso también es un poco complicado (tampoco en exceso).

En versiones antiguas de jQuery estaba selector que te devolvía el selector utilizado, pero se consideró obsoleto a partir de la versión 1.7 y se eliminó en la 1.9 (aparte de que parece que no era muy eficaz).

Otra opción, aunque personalmente la consideraría hacer algo de trampa, es pasar el selector como parámetro al controlador del evento click y a partir de ahí usarlo para realizar lo que quieres (algo parecido a lo que ponía en los comentarios y al método de Joriusmétodo de Jorius). Usando on puedes pasar datos opcionalmente:

.on( events [, selector ] [, data ], handler )

que se leerán en el dataset. Sí técnicamente no es this, por eso digo que es "trampa", pero funciona y sólo tendrías que escribir el selector en un sitio:

var miSelector = '#btn_1, #btn_2';

$(miSelector).on('click', { selector: miSelector }, function(e){
  
  $(e.data.selector).each(function() {
    console.log($(this).find("span").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>

En teoría, sólo con $(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... aunque eso también es un poco complicado (tampoco en exceso).

En versiones antiguas de jQuery estaba selector que te devolvía el selector utilizado, pero se consideró obsoleto a partir de la versión 1.7 y se eliminó en la 1.9 (aparte de que parece que no era muy eficaz).

Otra opción, aunque personalmente la consideraría hacer algo de trampa, es pasar el selector como parámetro al controlador del evento click y a partir de ahí usarlo para realizar lo que quieres (algo parecido a lo que ponía en los comentarios y al método de Jorius). Usando on puedes pasar datos opcionalmente:

.on( events [, selector ] [, data ], handler )

que se leerán en el dataset. Sí técnicamente no es this, por eso digo que es "trampa", pero funciona y sólo tendrías que escribir el selector en un sitio:

var miSelector = '#btn_1, #btn_2';

$(miSelector).on('click', { selector: miSelector }, function(e){
  
  $(e.data.selector).each(function() {
    console.log($(this).find("span").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>

En teoría, sólo con $(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... aunque eso también es un poco complicado (tampoco en exceso).

En versiones antiguas de jQuery estaba selector que te devolvía el selector utilizado, pero se consideró obsoleto a partir de la versión 1.7 y se eliminó en la 1.9 (aparte de que parece que no era muy eficaz).

Otra opción, aunque personalmente la consideraría hacer algo de trampa, es pasar el selector como parámetro al controlador del evento click y a partir de ahí usarlo para realizar lo que quieres (algo parecido a lo que ponía en los comentarios y al método de Jorius). Usando on puedes pasar datos opcionalmente:

.on( events [, selector ] [, data ], handler )

que se leerán en el dataset. Sí técnicamente no es this, por eso digo que es "trampa", pero funciona y sólo tendrías que escribir el selector en un sitio:

var miSelector = '#btn_1, #btn_2';

$(miSelector).on('click', { selector: miSelector }, function(e){
  
  $(e.data.selector).each(function() {
    console.log($(this).find("span").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>

Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

En teoría, sólo con $(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... aunque eso también es un poco complicado (tampoco en exceso).

En versiones antiguas de jQuery estaba selector que te devolvía el selector utilizado, pero se consideró obsoleto a partir de la versión 1.7 y se eliminó en la 1.9 (aparte de que parece que no era muy eficaz).

Otra opción, aunque personalmente la consideraría hacer algo de trampa, es pasar el selector como parámetro al controlador del evento click y a partir de ahí usarlo para realizar lo que quieres (algo parecido a lo que ponía en los comentarios y al método de Jorius). Usando on puedes pasar datos opcionalmente:

.on( events [, selector ] [, data ], handler )

que se leerán en el dataset. Sí técnicamente no es this, por eso digo que es "trampa", pero funciona y sólo tendrías que escribir el selector en un sitio:

var miSelector = '#btn_1, #btn_2';

$(miSelector).on('click', { selector: miSelector }, function(e){
  
  $(e.data.selector).each(function() {
    console.log($(this).find("span").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>