Jquery .each 迭代访问此子内容

Question

我想搜索所有列表项并仅显示包含特定短语的列表项。

然而，我已将内容放在一个跨度中。 这意味着我的列表看起来有点像这样：

<ul class="sortable">
<li><span>search keywords here</span>A lot of code possibly here. Some divs and some other elements</li>
</ul>

而且我或多或少想用下面的代码来过滤。

var filter = $('#search_page_query').val(), count = 0;    

$(".sortable li").each(function () {

    if ($(this).text().search(new RegExp(filter, "i")) < 0) {
        $(this).fadeOut();


    } else {
        $(this).show();
        count++;
    }
});

这只有在列表项直接包含搜索关键字时才有效。

事实并非如此。我应该使用以下内容搜索列表项：

$(this + 'span').text()

但这当然是不正确的。但我不知道如何正确访问跨度内容。 我希望任何人都可以告诉我它是如何完成的。

提前致谢

---

由@RameshKithsiriHettiArachchi解决

解决办法是

而不是：

$(this).text()

使用：

$(this).children('span').text()

完整代码：

var filter = $('#search_page_query').val(), count = 0;    

$(".sortable li").each(function () {

    if ($(this).children('span').text().search(new RegExp(filter, "i")) < 0) {
        $(this).fadeOut();


    } else {
        $(this).show();
        count++;
    }
});

Answer 1

使用$(this).children()函数选择当前DOM元素的子元素。

https://api.jquery.com/children/