javascript - 使用 .find 搜索标签内的内容进行 jQuery 搜索

Question

我正在尝试搜索 .list 中的 p 标签内容，我可能只是让这个问题变得复杂，但我的警报不起作用，也许是因为我在页面上有其他代码，这不是功能正常，但我想知道是否有人可以帮助我找出哪里出了问题。

JS

            $(document).ready(function() {
            var sresults = $('.mainsearch input').val();

            var sfinder = $('.list p').find(sresults).text(sresults);


            $('.mainsearch input').keyup(function () {
             $('.search-help').append(sfinder);

             alert(sfinder);

            });
            });

HTML

            <div class="mainsearch">
            <input/>
            <div class="search-help">Results:
            </div>
            </div>


            <div class="list">
            <span><p>test</p></span>
            <span><p>another result</p></span>
            <span><p>yet another result</p></span>
            </div>

Answer 1

类似这样的东西吗？

$(document).ready(function() {
     $('.mainsearch input').keyup(function () {
     var sresults = $('.mainsearch input').val();
     var sfinder = $('p:contains('+sresults+')').text();
     $('.search-help').text("Results:" + sfinder);
         alert(sfinder);
     });
});

http://jsfiddle.net/h7uYB/

更新:

试试这个:

http://jsfiddle.net/h7uYB/2/