搜索我的 HTMLCollection 是否包含某些文本

Question

我有物业搜索功能，可让我搜索卧室数量、浴室数量、价格（高价和低价），我还试图让它告诉我客户搜索词是否在记录。比如“河”什么的。

我一直在使用 .contains() 和 .indexOf() ，但都无法正常工作。以下是我尝试过的一些；

for (var i=0;i<x.length;i++)
{
var item = x[i];
if (item.getElementsByTagName("Bedrooms")[0].childNodes[0].nodeValue >= filterBed
&& item.getElementsByTagName("BathsTotal")[0].childNodes[0].nodeValue >= filterBath
&& item.getElementsByTagName("ListPrice")[0].childNodes[0].nodeValue >= filterPrL
&& item.getElementsByTagName("ListPrice")[0].childNodes[0].nodeValue <= filterPrH
&& item.getElementsByTagName("PublicRemarks").text().toLowerCase().contains(filterWord)
) { 

和;

    && item.getElementsByTagName("PublicRemarks").indexOf(filterWord)

我已经测试了关键词是否通过，并且我已经检查了它们是否在被搜索的记录中。

非常感谢任何帮助使这项工作正常进行。

Answer 1

试试这个，因为你使用的是 jQuery：

$(item).find("PublicRemarks").text().toLowerCase().indexOf(filterWord) > -1

$() 会将 item dom 转换为 jquery 对象。然后我们在其中找到PublicRemarks 标签，提取文本，将其设为小写，然后查找过滤词。如果没有找到过滤词，indexOf() 将返回-1。

---

仅使用 javascript，这可以通过遍历集合来完成。可以创建一个函数来执行此操作，以降低条件的复杂程度......像这样：

JSFiddle

function collectionContains(collection, searchText) {
    for (var i = 0; i < collection.length; i++) {
        if( collection[i].innerText.toLowerCase().indexOf(searchText) > -1 ) {
            return true;
        }
    }
    return false;
}