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

Question

我有以下html结构。

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

所以当我点击子div＆＃34; someclass＆＃34;其他一些人说＆＃34;测试＆＃34;应添加到它但该类不应添加到父div.someclass，如果我点击父div然后＆＃34;测试＆＃34; class应该添加到父div而不是child div

Answer 1

工作演示

＆＃13;

＆＃13;

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

＆＃13;

.red{
  color:red;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

或

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

或

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