JQuery-如果div文本包含存储在数组中的相同文本，则将该文本包装到新div中

我有一个包含品牌名称的同一类的div列表，我能够让它在div中运行，并将所有品牌名称（文本）存储在一个数组中，如下所示：

var brandList=$（'.brand'）.map（函数（）{
返回$（this.text（）；
}).get（）；
console.log（品牌列表）

品牌1
品牌2
品牌3
试试这个：


$（文档）.ready（函数（）{
//与您想要环绕div的品牌组合
var brandArray=[“品牌1”、“品牌2”、“品牌3”]；
//选择所有“.productListItem.name”并循环
$（'.productListItem.name'）.html（函数（索引，文本）{
//将当前元素保留在var中，以备以后使用
var元素=这个；
//现在，您可以循环使用您的品牌阵列
$.each（品牌数组、函数（键、值）{
//如果当前元素的html包含数组的品牌名称
//您也可以使用“text.includes（value）”，但不支持IE，具体如下：
// https://stackoverflow.com/questions/1789945/how-to-check-whether-a-string-contains-a-substring-in-javascript
if（text.indexOf（value）！=-1）{
//你用div中的品牌替换品牌
$（element）.html（text.replace（value，“+value+”）；
}
});
});
});
.productListItem{
显示：内联块；
宽度：49%；
文本对齐：居中；
}
.productListItem img{
宽度：100%；
}
.品牌名称{
显示：内联块；
颜色：红色；
}

品牌1产品1
品牌2产品2
品牌3产品3
品牌4产品4
我不太清楚：你有一个带有品牌列表的数组，你想获取所有
productListItem
，如果产品品牌是yoru数组中的一个，你就在名称周围加上
。
？嗨，米卡，差不多：我有一个存储了品牌的数组，对于页面上的每个“.productListItem”，请查看其名为“.name”的子项，如果该子项中的文本包含数组中的某个品牌，则该子项将匹配的品牌部分包装为“…”谢谢，这看起来像是我想要的，我将尝试对其进行调整，并确保它在我们的网站上正常工作，我会回复您。如果一切都好的话，我会把它作为答案：）真的很感谢你的努力和响应这太神奇了，这正是我所需要的，这些评论真的很有帮助谢谢：）如果我帮助了你，我会很高兴：）