javascript - Make Javascript 函数忽略最后 li 来提交表单

Question

我有以下 html 代码:

<div class="ranges">
<ul>
<li>Op 1</li>
<li>Op 2</li>
<li>Op 3</li>
<li>Op 4</li>
<li>Op 5</li>
<li>Op 6</li>
<li>Op 7</li>
</ul>

我需要点击 op 1, op 2, op 3, op 4, op 5, op 6 提交表单。换句话说，最后一个 li，无法提交表单. `在此代码中，我试图实现这一点:

  gData.on('click', '.ranges ul li', function(e){
    gFilter.find('form').submit();
  });

但是这个.ranges ul li，会得到所有的li。我怎样才能让它忽略最后一个？

Answer 1

您可以使用 :not() 的组合 和 :last

gData.on('click', '.ranges ul li:not(:last)', function(e){
   gFilter.find('form').submit();
});

$('body').on('click', '.ranges ul li:not(:last)', function(e){
    alert('clicked');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="ranges">
  <ul>
    <li>Op 1</li>
    <li>Op 2</li>
    <li>Op 3</li>
    <li>Op 4</li>
    <li>Op 5</li>
    <li>Op 6</li>
    <li>Op 7</li>
  </ul>