Question

我需要使用jquery进行搜索，我有一个：具有此ID idTextSearch的输入文字：

<input id="idTextSearch" name="name" type="text" style="width:70%;"  >

此ID为idButtonSearch的输入按钮：

<input id="idButtonSearch" type="button" value="Search" onclick="searching()" class="alt_btn">

和<ul class="toggle" id="idUl">具有不同的<li value="thisIsAValue">

现在，我需要创建我的searching()，此函数将隐藏与$("#idTextSearch").val()不同的所有元素字段，并且只显示一个具有此输入文本相同值的字段。

Answer 1

下次，请发布您尝试解决问题的方法。在这种情况下，我会给你答案，因为它很简单，但我们在这里帮助你，而不是为你编写所有代码。

请注意，value元素在技术上不存在li元素，您应在其前面添加data。例如：

<li data-value="thisIsAValue">

和javascript / jQuery：

$('#idButtonSearch').on('click', function(e) {
    e.preventDefault();

    $('#idUl li').hide().each(function() {
        if ( $(this).data('value') === $('#idTextSearch').val() ) {
            $(this).show();
        }
    });
});

Answer 2

function searching() {
    var val = $('#idTextSearch').val();
    $('#idUl li').each(function() {
        var v = $(this).prop('value');
        if(v == val) {
            $(this).show();
        } else {
            $(this).hide();
        }
    });
}

如何使用jquery搜索隐藏所有字段

2 个答案: