Question

我有一个已分类的项目列表，并希望使用JQuery进行过滤。我使用以下代码，但它似乎不起作用：

HTML：

<div class="leftlist_head">

  <select name="itemage" class="itemage">
    <option value="10">All Item</option>
    <option value="0">Option0</option>
    <option value="1">Option1</option>
    <option value="2">Option2</option>
  </select>
</div>

<ul class="leftlist">
  <li class="todo" id="1011" itemage="1">
    <p>Option 1</p>
  </li>

  <li class="todo" id="1012" itemage="2">
    <p>Option 2</p>
  </li>

  <li class="todo" id="1013" itemage="3">
    <p>Option 3</p>
  </li>
</ul>

JQuery的：

function ($) {
  $('.itemage').change(function () {
    var select_val = $(this).val();
    if ($(this).val() == '10') {
      $('li.todo').show();
    } else {
      $('li.todo').hide();
      $('li.todo').filter(function () {
        if ($(this).attr('itemage') == select_val) return true;
        else return false;
      }).show();
    } }
  })
})(jQuery)

Answer 1

有几个错误

$(document).ready(function() {
    $('.itemage').change(function () {
        var select_val = $(this).val();
        if ($(this).val() == '10') {
            $('.todo').show();
        } else {
            $('.todo').hide();
            $('.todo').filter(function () {
                return $(this).attr('itemage') == select_val;
            }).show();
        }
    });
});

DEMO Fiddle

过滤jQuery无法正常工作

1 个答案: