javascript - 如何使用jquery过滤

Question

html

    <div class="adds">
                <input type="text" value="" class="ip1" id="ip1" />
                <input type="button" value="ADD" class="btn1" id="btn1" />
                </br>
                <div class="add">
                    <ul class="justList"> 
                        <li>police</li>
                     </ul>
                </div>
            </div>

            <div class="filter">
                <input type="text" value="" class="ip2" id="ip2" />
                <input type="button" value="Filter" class="btn2" id="btn2" />

                 <div class="filter">
                     <ul> 

                     </ul>
                </div>
            </div>

JS

 $(document).ready(function(){
      $("#btn1").on("click",function(){
        var occ = $("#ip1").val();
        if(occ.length)
         {
            $('<li />', {html: occ}).appendTo('ul.justList')
            $("#ip1").val('');
          }     
      });

     });

您好，如果我给出“xxxx”并单击“添加”按钮，文本将附加到 ul li 列表中，我需要如果我单击过滤器，我只需要等于我给第二个输入框的文本。它应该过滤所有“xxxx”并且它必须只显示它。任何人都可以帮助我。

Answer 1

看看这段代码是否有效

$("#btn2").click(function () {
    var value = $("#ip2").val();
    $(".justList li").each(function () {
        var curr_text = $(this).text();
        if (curr_text == value) 
            console.log("equal");
        else 
            $(this).hide();
   });
});

工作代码:JSFIDDLE