javascript - 使用 jQuery 访问特定的子 div

Question

我想知道如何在 foreach 时访问 div 中的特定元素

代码如下

HTML

<div class="row menu-filter-items">
    <div class="col-md-4 margin-b-30 menu-item">
        <a href="#" class="menu-grid">
            <img src="images/img-1.jpg" alt="" class="img-fluid"/>
            <div class="menu-grid-desc">                               
            <!--  <span class="price float-right">$9.50</span> -->
                <h4 class="a" id="title">Restaurant y</h4>
                <p>
                    Description
                </p>
            </div>                           
        </a>
    </div>
</div>

J查询:

 $('#search').keyup(function(e){
     var current_query = $('#search').val();
         if(current_query != null)
         {
             $("div.menu-filter-items").hide();
             $("div.menu-filter-items div.menu-item").each(function(){
                 var current_keyword = $(this).children('#title').text();

                 alert(current_keyword);
                 if (current_keyword.indexOf(current_query) >=0)
                 {
                     $("div.menu-filter-items").show();         
                 }

             });


         }
         else
         {
             $("div.menu-filter-items").show();
         }

});

我想访问 H4 应答器，但我不能 请帮助 谢谢

Answer 1

使用

var current_keyword = $(this).find('#title').text();

代替

var current_keyword = $(this).children('#title').text();