在单击与其父级具有相同类的子 div 时，应将某些类添加到子 div 而不是父 div

【问题标题】：On click of child div having same class as its parent some class should be added to child div not parent div在单击与其父级具有相同类的子 div 时，应将某些类添加到子 div 而不是父 div
【发布时间】：2016-03-18 06:50:54
【问题描述】：

我有以下 html 结构。

<div class="someclass">
   <div class="someclass"></div>
</div>

因此，当我单击子 div“someclass”时，应将其他一些类添加到其中，但不应将该类添加到父级 div.someclass，如果我单击父级 div，则应添加“测试”类被添加到父div而不是子div

【问题讨论】：

$('.someclass .someclass').click(function(e) {..})
使用后代选择器选择元素和类

标签： jquery

【解决方案1】：

工作演示

$(".someclass").children().click(function(){
    $(this).addClass('red');
})

.red{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="someclass">Parent
   <div class="someclass">Child</div>
</div>

或

$(".someclass > .someclass").click(function(){

或

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

【讨论】：

谢谢老兄。就是这么简单。