jQuery在元素中搜索文本作为SQL查询LIKE？

Question

嗨，无论如何在dom中搜索文本，就像我们为SQL查询LIKE做的那样？

我的意思是，我有。

<ul>
<li>ab</li>
<li>abrecot</li>
<li>abus</li>
<li>aby</li>
<li>abrea</li>
</ul>

我想搜索“abre”，所以返回ASC文本顺序：

<li>abrea</li>
<li>abrecot</li>

这可能吗？

绝对的查询看起来像：

SELECT <li> FROM <ul> WHERE text LIKE 'abre%' ORDER BY text ASC; :))

Answer 1

在查找文本以指定字符串开头的元素时，可以使用filter方法：

var x = $("ul li").filter(function() {
    return $(this).text().substr(0, 4) === "abre";
});

这将仅返回在开头具有字符串“abre”的元素。 使用contains方法的其他答案将返回在其中任何位置找到的字符串的元素，这与您的伪SQL查询不匹配。

这是上面的一个工作示例。

Answer 2

我想你会想要jQuery'contains'函数，看看这里的文档：

http://api.jquery.com/contains-selector/

您的示例可能如下所示：

$("li:contains('abre')")

编辑以包含此处的注释，如果您正在寻找“以...开头”，您可以使用以下语法对元素执行此操作：

$('li[anAttribute^="abre"]')

但这假设您有一个属性来查询我认为您不会做的事情，在这种情况下，过滤器的答案可能最适合您的需求。

Answer 3

:contains()选择器可能就是你要找的东西：

http://api.jquery.com/contains-selector/

引用：

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<div>John Resig</div>

<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>


<script>
$("div:contains('John')").css("text-decoration", "underline");
</script>

</body>
</html>

jQuery在元素中搜索文本作为SQL查询LIKE？

问题描述

3 个解决方案

解决方案1
6 已采纳 2011-09-27 13:23:41

解决方案2
5 2011-09-27 13:20:11

解决方案3
4 2011-09-27 13:20:44

jQuery在元素中搜索文本作为SQL查询LIKE？

问题描述

3 个解决方案

解决方案1 6 已采纳 2011-09-27 13:23:41

解决方案2 5 2011-09-27 13:20:11

解决方案3 4 2011-09-27 13:20:44

解决方案1
6 已采纳 2011-09-27 13:23:41

解决方案2
5 2011-09-27 13:20:11

解决方案3
4 2011-09-27 13:20:44