Javascript 如果<；td>；包含搜索词，与搜索词的排列无关

我想要一张包含td中单词的表格。我想知道是否有任何方式，搜索结果显示，无论用户搜索的方式。例如，td包含“love and dance and sing”，但我的代码仅在用户键入“love and dance and sing”时显示结果。如果用户输入“跳舞和爱”，则不会显示。我希望显示结果，而不考虑单词的排列， 也就是说，如果用户输入“唱歌跳舞”或“跳舞和爱”，结果应该显示出来

任何帮助都将不胜感激。提前谢谢

这是我的密码

$（文档）.ready（函数（）{
（函数（$）{
$（“#过滤器”）.keyup（函数（）{
var rex=new RegExp（$（this.val（），'i'）；
$（'.searchable tr'）.hide（）；
$（'.searchable tr'）.filter（函数（）{
返回rex.test（$（this.text（））；
}).show（）；
})
}（jQuery））；
})；

爱情与舞蹈
别的
玩和吃
爱与滚

循环搜索词并逐个检查。不需要正则表达式

我还想问您是否真的需要jQuery；如果没有jQuery，这段代码编写起来同样容易，而且更加灵活

$（文档）.ready（函数（）{
（函数（$）{
$（“#过滤器”）.keyup（函数（）{
var术语=此.value.split（“”）；
$（'.searchable tr'）.hide（）；
$（'.searchable tr'）.filter（函数（）{
for（var期限）{
if（this.textContent.indexOf（term）<0）返回false；
}
返回true；
}).show（）；
})
}（jQuery））；
})；

爱情与舞蹈
别的
玩和吃
爱与滚

您可以使用javascript函数检查字符串是否为文本的子字符串

$（文档）.ready（函数（）{
（函数（$）{
$（“#过滤器”）.keyup（函数（）{
var filterText=$（this.val（）；
$（'.searchable tr'）.hide（）；
$（'.searchable tr'）.filter（函数（）{
return$（this）.text（）.includes（filterText）
}).show（）；
})
}（jQuery））；
})；

爱情与舞蹈
别的
玩和吃
爱与滚

谢谢，先生，这正是我想要的