使用 jQuery 访问特定的子 div答案

【问题标题】：Access specific child div with jQuery使用 jQuery 访问特定的子 div
【发布时间】：2017-06-09 12:27:09
【问题描述】：

我想知道在 foreach-ing 时如何访问 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>

jquery：

 $('#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 应答器，但无法访问请帮忙谢谢

【问题讨论】：

$('.menu-filter-items').find('#h4') ??
$(this).find('#title').text();
哦不..对不起@freedomn-m 它应该只是h4

标签： javascript jquery html css twitter-bootstrap-3

【解决方案1】：

使用

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

而不是

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

【讨论】：

是的 .find 有效，但我之前尝试过但它没有，确定我在另一件事上做错了什么，谢谢
如果可行，请接受并为其他人投票
@saifiswinning11，我添加了一个答案，以帮助您了解您的代码有什么问题。
我要等 8 分钟
为了改进这个答案，它可以使用对差异的描述，否则这本质上是一个通常不受欢迎的纯代码答案。

【解决方案2】：

你应该使用find方法。

.children() 方法允许我们在DOM 树中搜索这些元素的子元素，并从匹配的元素中构造一个新的jQuery 对象。 .children() 方法与 .find() 的不同之处在于 .children() 仅在 DOM 树中向下移动一层，而 .find() 也可以向下遍历多层以选择后代元素。

【讨论】：

【解决方案3】：

您可以使用 find 通过 Jquery lib 执行搜索。

在此处查看完整文档：https://api.jquery.com/find/

对于您的情况；你可以使用：

$( "div.menu-filter-items" ).find( "h4" )

【讨论】：