如何通過使用jQuery

-2

我需要使用jQuery來進行搜索的搜索隱藏的所有領域，我有一個：
輸入文本與此ID idTextSearch：
如何通過使用jQuery

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

輸入按鈕與此ID idButtonSearch ：

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

，並用不同的<li value="thisIsAValue">

現在<ul class="toggle" id="idUl">，我需要創建我的searching()，此功能將隱藏與$("#idTextSearch").val()不同的所有元素字段，並只顯示一個具有與此輸入文本相同值的字段。

來源

2013-01-09 Kadiri

真的不清楚你想要做什麼。考慮提供一塊HTML（而不是小片段）並描述你想要發生的事情。對你有用，把例子放在jsfiddle.net上 – Jamiec

發佈你的JS，我們會幫助你 – danronmoon

下次，請發佈您嘗試解決問題的方法。在這種情況下，我會給你答案，因爲它很簡單，但我們來到幫助你，而不是寫你的所有代碼爲。

請注意，在li元素上技術上不存在value屬性，您應該使用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(); 
     } 
    }); 
});

來源

2013-01-09 14:54:44

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

來源

2013-01-09 14:54:38 deerchao

如何通過使用jQuery

回答

相關問題