-2

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()、この入力テキストの同じ値を持つ1つのフィールドのみを表示します。

4

2 に答える 2

4

次回は、問題を解決するためにやろうとしたことを投稿してください。この場合、それは単純なので答えを出しますが、私たちはあなたのためにすべてのコードを書くのではなく、あなたを助けるためにここにいます。

属性は技術的には要素にvalue存在しないことに注意してください。接頭辞として。を付ける必要があります。例えば：lidata

<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-09T14:54:44.030 に答える
0 
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-09T14:54:38.283 に答える