добавить класс к ребенку динамически

Question

<li class="view"> 
    <a href="#"><span>Settings</span> </a> 
    <ul > 
     <li ><a>Leave Settings</a></li > 
     <li ><a href="compansatorysetting.aspx">Compensatory Settings</a></li> 
    </ul> 
</li> 

Я хочу добавить class="open" в <ul>, когда я нажимаю <li>.

Я использую

$(".view").click(function() { 
    $(this).children().addClass("open"); 
}); 

Это не работает. Любое решение?

Answer 1

Вы должны использовать .parent() или .closest('ul') для перемещения к родительскому уль элемента:

$(".view").click(function() { 
    $(this).parent().addClass("open"); 
}); 

Если вы хотите предназначаться внутренние элементы уль внутри щелкнул ли, а затем использовать .find() селектор:

$(".view").click(function() { 
    $(this).find('ul').addClass("open"); 
}); 

Answer 2

Вы используете неправильный класс

$(".view").click(function() { 
    $(this).children().addClass("open"); 
}); 

Answer 3

Если вы хотите назначить класс open только ul, используйте следующий код.

$(".view").click(function() { 
    $(this).children('ul').addClass("open"); 
}); 

Answer 4

Более удобный и короткий путь будет быть-

$('.view').click(function(){ 
    $('>ul',this).addClass('open');      
}); 

Example