javascript - 搜索时定位两个字段

Question

我有这样的布局:

<input id="search">

<div class="entry">
  <div class="title">hello</div>
  <div class="description">lorem</div>
</div>

<div class="entry">
  <div class="title">ipsum</div>
  <div class="description">test</div>
</div>

并且我允许用户通过 title div 的内容 搜索 entry div:

jQuery(document).ready(function() {

    jQuery("#search").on("keyup click input", function () {
        var val = jQuery(this).val();
        if (val.length) {
            jQuery(".entry").hide().filter(function () {
                return jQuery('.title',this).text().toLowerCase().indexOf(val.toLowerCase()) != -1;
            }).show();
        }
        else {
            jQuery(".entry").show();
        }
    });

});

效果很好。尝试 jsFiddle .

我的问题是，如何才能使搜索同时针对 title div 和 description 字段的内容？

Answer 1

如果您希望它同时搜索title 和description，请使用它。

return jQuery('.title, .description',this)

然后看起来像

jQuery(".entry").hide().filter(function () {
    return jQuery('.title, .description',this).text().toLowerCase().indexOf(val.toLowerCase()) != -1;
}).show();

这是一个link这样您就可以对其进行测试。