将jQuery搜索限制为特定的容器，例如h和p标签

Question

我的词汇表页面带有搜索过滤器。我只是注意到过滤器正在基于所有html进行过滤，而不仅仅是标题和p标签。例如，如果放了一个具有hello.jpg文件名的图像，而我搜索了hello。它也会过滤。因此，其阅读所有的HTML。我只希望它根据H标签和P标签或我设置的特定标签/类进行过滤。随便哪个。

任何帮助将不胜感激。

到目前为止，这是我的剧本

$("#txtSearch").on('keyup', function() {
    var search = $(this).val().toLowerCase();
    //Go through each list item and hide if not match search

    $(".list-group-item").each(function() {
        if ($(this).html().toLowerCase().indexOf(search) != -1) {
            $(this).show();
        }
        else {
            $(this).hide();  
        }

    });
});

Answer 1

您可以在使用find之前使用.find("p,h1,h2,h3,h4,h5")（.html()）函数。