在数组中找到一段字符串，如果我能找到它就做点什么

Question

也许这次会成功，让我们试试吧……

好吧，这是我的问题，

此代码当前有效：

$(".threadTitle").each(function() {
    var colorBackground = "#F7F2ED";
    if ($(this).html().indexOf("Abraham") != -1) {
        $(this).parent().parent().parent().parent().css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row1").css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row2").css("background", colorBackground);
    }
});

这是我正在尝试做但不起作用的：

var titles = ["Abraham"];
$(".threadTitle").each(function() {
    var colorBackground = "#F7F2ED";
    var realTitle = $(this).html();
    if (titles.indexOf(realTitle) > -1) {
        $(this).parent().parent().parent().parent().css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row1").css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row2").css("background", colorBackground);
    }
});

@Jason P 提供的解决方案

var realTitle = $.trim($(this).text());

for (var i = 0; i < titles.length; i++) {
    if (realTitle.indexOf(titles[i]) > -1) {
        $(this).parent().parent().parent().parent().css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row1").css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row2").css("background", colorBackground);
        break;
    }
}

我找到的解决方案

var wordsOrPhrases = ["Abraham", "how are you"];
$(".threadTitle").each(function() {
    var realTitle = $(this).text();
    var asdasdasd = wordsOrPhrases.filter(function(x) {
        return realTitle.indexOf(x) > -1;
    }).length > 0;
    if (asdasdasd) {
        $(this).css("background", "#F7F2ED");
    }
});

小提琴和速度测试

http://jsfiddle.net/aYc2d/

http://jsperf.com/testestringinsidearray

感谢所有帮助过我的人。

Answer 1

您的问题仍未得到很好的解释，但我想我知道了。

你在问为什么返回 true：

if($(this).html().indexOf("Title A") != -1) {
    //should get here
}

但这不是：

var titles = ["Title A"];
var realTitle = $(this).html();
if (titles.indexOf(realTitle) > -1) {
    //should get here
}

区别在于string.indexOf()和array.indexOf()之间的区别。

string.indexOf() 在字符串中的任意位置搜索指定的文本。

array.indexOf() 在数组中的任何位置搜索指定的对象（不一定是字符串）。

编辑从您的图片中，我可以看到您的跨度包含很多空格。试试改成这样：

var realTitle = $.trim($(this).text());

编辑 2 回应您的评论：

在这种情况下，您需要迭代数组并对每个项目执行indexOf。我想这就是你想要的：

var realTitle = $.trim($(this).text());

for (var i = 0; i < titles.length; i++) {
    if (realTitle.indexOf(titles[i]) > -1) {
        $(this).parent().parent().parent().parent().css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row1").css("background", colorBackground);
        $(this).parent().parent().parent().parent().find(".row2").css("background", colorBackground);
        break;
    }
}

Answer 2

首先，您可能需要$(this).text() 而不是.html()，以防您有嵌套跨度或其他东西（尽管您不应该这样做）。

但这不应该导致您遇到的问题。您必须在两个示例之间的html中有所不同。