¿Cómo definir la condición con el padre del objeto en el que se hizo clic?

No puedo acceder al objeto en el que se hizo clic (esta) clase de padres. ¿Hacer clic en los mismos elementos y en diferentes devoluciones?

esto es DEMO

HTML

<div class="rows row1">
  <div class="ele">1</div>
  <div class="ele">1</div>
  <div class="ele">1</div>
</div>

<div class="rows row2">
  <div class="ele">2</div>
  <div class="ele">2</div>
  <div class="ele">2</div>
</div>

jQuery

$('.ele').click(function() {

  if ( $(this).parent().hasClass('r1') ) {//way1
    alert('you clicked 1st row element');
  }

  else if ( $(this).parent().hasClass('r2') === true ) {//both way wont work
    alert('you clicked 2nd row element');
  }

});

preguntado el 01 de julio de 12 a las 00:07

1 Respuestas

Porque ambos padres no tienen r1 or r2 clase, eso debería ser row1 y row2:

$('.ele').click(function() {

  if ( $(this).parent().hasClass('row1') ) {
    alert('you clicked 1st row element');
  }

  else if ( $(this).parent().hasClass('row2')) {
    alert('you clicked 2nd row element');
  }

});

demo aquí

Respondido 01 Jul 12, 00:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.