【问题标题】:jquery + coffeescript search box that hides list elements隐藏列表元素的jquery + coffeescript搜索框
【发布时间】:2015-06-19 00:59:16
【问题描述】:

我正在尝试创建一个根据文本隐藏 UL 和 LI 元素的搜索框。

$(document).ready ->
    $('input#barcode').on "keyup", ->
        search = $(this).val()
        $('li.barcode').each ->
            $(this).parent().fadeOut('fast') unless $(this).text().indexOf search == 0

我也想知道如何使用粗箭头 (=>) 使代码看起来更好。

我已经修好了!!

$(document).ready ->
    $('#barcode').on "keyup", ->
        search = $(@).val()
        $('.barcode').each ->
            $(@).parent().fadeOut('fast') unless $(@).text().indexOf(search) == 0

我仍然不知道如何使用粗箭头。而且我认为这会使我的代码更好。有人可以帮我吗?

【问题讨论】:

  • 取决于什么文字?你能更好地描述你想要完成什么吗?我不清楚。
  • 有一个 id 是条形码的输入。我想将其下方列出的产品条形码写入此产品,它会隐藏文本与搜索内容不相似的产品。文本是每个
      的第一个
    • 之间的值

    标签: javascript jquery search filter coffeescript


    【解决方案1】:

    如果您了解这个documention,您就会知道如何/为什么要使用fat arrow

    你可以试试:

    $ ->
        $('#barcode').on "keyup", ->
            search = $(@).val()
            $('.barcode').each ->
                $(@).parent().fadeOut('fast') unless $(@).text() is search
    

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签