如何找到父母的div

Question

我有一个这样的HTML。当我点击一个li时，我需要添加一个类似于我的父div.SO外部div成为<div class="as new">。我尝试了下面的代码但是没有添加类

$('ul').parent('div').addClass('new');

<div class="as">
  <button type="button" class="btn btn-danger cookieul">Set favourite</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>

  <ul class="dropdown-menu" role="menu" id="jq">
    <li><a href="#">jquery<span id="d">del</span></a></li>


  </ul>

</div>

Answer 1

在 document.ready

上试试

$('li').on('click', function(){
   $(this).closest('div').addClass('new');

})

Answer 2

试试这个：

$(document).ready(function(){
   $('ul.dropdown-menu li').click(function(){
       $(this).parent().parent().addClass('new');

   });
}) ;

Answer 3

我使用此代码并且有效：

$('li').click(function(){
    $(this).parents("div:first").addClass('new');
});