jQuery在div中通过id查找值

Question

所以我有几个看起来像这样的div：

<div class="offerEntity">
    <h2 id="title">some title</h2>
</div>

在搜索时，他们会根据<h2 id="title">的值进行更新。在键上的输入上，它触发一个事件，该事件查找搜索框的值是否与每个div的（子串搜索）匹配。问题是我无法获得<h2>值。

这是我的jQuery：

$(document).ready(function () {
    $('#search_box').keyup(function () {
        value = $('#search_box').attr('value');
        //trim left
        $(".offerEntity").each(function(i) {
            if($(i).attr('value').toLowerCase().indexOf(value) < 0){ // this is wrong
                // hide div
            }
        });
    });
});

因此，如果条件匹配，我想隐藏整个<div class="offerEntity">

Answer 1

您可以像.offerEntity一样获得h2中包含的'值'：

var searchValue = $('#search_box').attr('value'),
    headerValue;

$(".offerEntity").each(function(){

    headerValue = $(this).find('h2').text();

    if(headerValue == searchValue){
        $(this).hide();
    }
});