如何定义条件与单击的objet的父？

本文介绍了如何定义条件与单击的objet的父？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我无法访问点击的对象（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'）; 
} 
 
}）;

解决方案 r1 或 r2 类，所以应该是 row1 和 row2 ：

  $ '.ele'）。click（function（）{
 
 if（$（this）.parent（）。hasClass（'row1'））{
 alert元素'）; 
} 
 
 else if（$（this）.parent（）。hasClass（'row2'））{
 alert ）; 
} 
 
}）;

i cant access clicked object(this) parent's class..click same elements and different returns?

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

});

解决方案

Because both parent have no r1 or r2 class, that should be row1 and 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 here

这篇关于如何定义条件与单击的objet的父？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！