隐藏列表元素的jQuery + CoffeeScript搜索框

jquery + coffeescript search box that hides list elements

本文关键字：CoffeeScript 搜索 jQuery 列表元素 隐藏      更新时间：2023-09-26

我正在尝试创建一个搜索框，根据文本隐藏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

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

如果您了解此文档，您将知道如何/为什么使用该fat arrow。

您可以尝试：

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