从数组中获取包含文本的元素 [英] Get elements containing text from array

问题描述

我想搜索数组中包含任何字符串的所有元素. 例如 我有以下物品清单

I want to search all the elements containing any string in the array. For example I have following list of items

<ul>
    <li>cricket bat</li>
    <li>tennis ball</li>
    <li>golf ball</li>
    <li>hockey stick</li>
</ul>

和这个数组

var arr = ['bat', 'ball'];

应该选择所有具有文本蝙蝠和球的元素.如何使用jquery或javascript实现此目标.

It should select all the elements having text bat and ball. How can I achieve this using jquery or javascript.

这就是我正在尝试的

filter = 'bat ball';
var lis = row('UL li');
var flag = 0;
for (var i = 0; i < lis.length; i++) {
    var name = lis[i].getElementsByTagName('a')[0].innerHTML;
    if (name.toUpperCase().indexOf(filter) > -1) {
        flag = 1;
    } else {
        lis[i].style.display = 'none';
    }
}

推荐答案

您可以使用:包含选择器.

在这种情况下，我认为您是指其中一个值

I think you meant either one of those values, in that case

var arr = ['bat', 'ball'];

var selectors = arr.map(function(val) {
  return ':contains(' + val + ')'
});
var $lis = $('ul li').filter(selectors.join());

$lis.css('color', 'red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li>cricket bat</li>
  <li>tennis ball</li>
  <li>golf ball</li>
  <li>hockey stick</li>
</ul>

这篇关于从数组中获取包含文本的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！