Jquery 如何在未在列表中指定事件的情况下触发 function

Question

我有一个项目列表，可以通过单击删除。

只有当列表中有一个项目时，我才需要第一个项目成为亮点。 我试图通过点击事件来做到这一点。 但是，没有.click() 可以做到吗？ （或任何其他事件）。 原因是该列表与其他列表动态交互，列表项可能会被其他函数更改。

换句话说，列表是动态变化的，jquery 是否可以一直检查列表中是否只有一项（不指定具体事件触发）？

<ul id="container">
<li>1</li>
<li class="fixed">2</li>
<li>3</li>
<li class="fixed">4</li>
<li>5</li>
</ul>

$('#container').delegate('li', 'click', function() {
  $(this).remove();
});


$('#container').click(function(){
  if ($('#container').children().length == 1) {
    $("#container li:first-child" ).css( "background-color", "#fff2ac" );
  }
}

Answer 1

您可以纯粹使用 CSS 执行此操作，并使用一条规则检查li是否既是:first-child又是:last-child -

 .container li:first-child:last-child { background-color: red; }

 <h5>List With Many Items</h5> <ul class="container"> <li>1</li> <li class="fixed">2</li> <li>3</li> <li class="fixed">4</li> <li>5</li> </ul> <h5>List With One Item</h5> <ul class="container"> <li>1</li> </ul> <h5>List With Two Items</h5> <ul class="container"> <li>1</li> <li class="fixed">2</li> </ul>