javascript - 在我的案例中如何选择某些 child

Question

我有这样的东西

<ul id='nav'>
            <li><h1 id='unique' class='title'>Topic</h1></li>
            <li><h1 class='toptitle'>Department</h1></li>
            <li><a  class='title' href='#'>test1</a></li>
            <li><h1 class='toptitle'>test2</h1></li>
            <li><a  class='title' href='#'>test1</a></li>
</ul>

我想在用户单击按钮时更改 li 的背景。但是，我想保留“#unique”背景。

我有类似的东西

$('.title').on('click', function(e){
      $(this).closest('ul').find('li').not('#unique').css({'background-color':'white'})  //change all li background except the first li
      $(this).parent().css({'background-color':'#DDDDDD'})
})

我想更改除第一个 li 之外的所有 li 背景。我的代码不这样做。谁能帮我解决这个问题？谢谢!

Answer 1

是因为id不在li上，是在child上。您可以使用 has selector找到它。

.not('#unique')

到

.not(':has(#unique)')

JSFiddle