jquery - 如何通过使用 jquery 进行搜索来隐藏所有字段

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();
        }
    });
}