Skip to main content
se añadieron 254 caracteres en el cuerpo
Origen Enlace
Jorius
  • 6.4k
  • 9
  • 34
  • 63

CreoNo creo que esto te puede ser útil, simplemente creamosse puedan diferenciar los selectores mediante el objeto $(this) (no encontré nada en la documentación oficial y buscando un rato por internet) pero puedes asignar cada uno de los objetos a una variable de la siguiente forma:

Creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y pusheamos los respectivos objetos al objeto buttons y luego mostramos sus respectivos text como variables independientes

var buttons = {};

function trigger(selector){
  $(selector).each(function(i, e){
    let c = i+1;
    buttons['btn'+c+'conSpan'] = $('#' + e.id + ' span');
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
  console.log(buttons.btn1conSpan.text());
  console.log(buttons.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>

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y pusheamos los respectivos objetos al objeto buttons y luego mostramos sus respectivos text como variables independientes

var buttons = {};

function trigger(selector){
  $(selector).each(function(i, e){
    let c = i+1;
    buttons['btn'+c+'conSpan'] = $('#' + e.id + ' span');
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
  console.log(buttons.btn1conSpan.text());
  console.log(buttons.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>

No creo que se puedan diferenciar los selectores mediante el objeto $(this) (no encontré nada en la documentación oficial y buscando un rato por internet) pero puedes asignar cada uno de los objetos a una variable de la siguiente forma:

Creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y pusheamos los respectivos objetos al objeto buttons y luego mostramos sus respectivos text como variables independientes

var buttons = {};

function trigger(selector){
  $(selector).each(function(i, e){
    let c = i+1;
    buttons['btn'+c+'conSpan'] = $('#' + e.id + ' span');
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
  console.log(buttons.btn1conSpan.text());
  console.log(buttons.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>

se añadieron 254 caracteres en el cuerpo
Origen Enlace
Jorius
  • 6.4k
  • 9
  • 34
  • 63

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y pusheamos los respectivos objetos al objeto buttons y luego mostramos sus respectivos text como variables independientes

var buttons = {};

function trigger(selector){
  $(selector).each(function(i, e){
    console.log(let c = i+1;
    buttons['btn'+c+'conSpan'] = $('#' + e.id + ' span').text());
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
  console.log(buttons.btn1conSpan.text());
  console.log(buttons.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>

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y mostramos sus respectivos text

function trigger(selector){
  $(selector).each(function(i, e){
    console.log($('#' + e.id + ' span').text());
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
});
<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>

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y pusheamos los respectivos objetos al objeto buttons y luego mostramos sus respectivos text como variables independientes

var buttons = {};

function trigger(selector){
  $(selector).each(function(i, e){
    let c = i+1;
    buttons['btn'+c+'conSpan'] = $('#' + e.id + ' span');
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
  console.log(buttons.btn1conSpan.text());
  console.log(buttons.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>

se eliminaron 10 caracteres en el cuerpo
Origen Enlace
Jorius
  • 6.4k
  • 9
  • 34
  • 63

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y mostramos sus respectivos text

function trigger(selector){
  $(selector).each(function(i, e){
    console.log($('#' + $(this)e.attr('id')id + ' span').text());
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
});
<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>

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y mostramos sus respectivos text

function trigger(selector){
  $(selector).each(function(){
    console.log($('#' + $(this).attr('id') + ' span').text());
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
});
<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>

Creo que esto te puede ser útil, simplemente creamos una función llamada trigger pasandole como argumento nuestro selector y que se desencadena cuando cualquiera de nuestros elementos sea clickeado, allí en la función le hacemos un .each a dichos elementos y mostramos sus respectivos text

function trigger(selector){
  $(selector).each(function(i, e){
    console.log($('#' + e.id + ' span').text());
  });
}

$('#btn_1, #btn_2').on('click', function() {
  trigger('#btn_1, #btn_2');
});
<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>

se añadieron 222 caracteres en el cuerpo
Origen Enlace
Jorius
  • 6.4k
  • 9
  • 34
  • 63
Loading
se añadieron 163 caracteres en el cuerpo
Origen Enlace
Jorius
  • 6.4k
  • 9
  • 34
  • 63
Loading
Origen Enlace
Jorius
  • 6.4k
  • 9
  • 34
  • 63
Loading