jquery - クリックされたオブジェクトの親で条件を定義する方法は?

Question

クリックしたオブジェクト(this)の親のクラスにアクセスできません..同じ要素をクリックして異なるリターンを返しますか?

これはデモです

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');
  }

});

</p>

Answer 1

どちらの親にもr1orr2クラスがないため、 and である必要がrow1あり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');
  }

});

ここでデモ