使用jQuery查找文本字符串？

假设某个网页包含要查找的字符串，例如“我是一个简单的字符串”。我将如何使用JQuery做到这一点？

jQuery具有contains方法。这是您的摘录：

<script type="text/javascript">
$(function() {
    var foundin = $('*:contains("I am a simple string")');
});
</script>

上面的选择器选择包含目标字符串的任何元素。foundin将是一个包含任何匹配元素的jQuery对象。请参阅以下网址中的API信息：网址 https //api.jquery.com/contains-selector/

通配符“ *”要注意的一件事是，您可能会不需要所有元素，包括html和body元素。这就是为什么jQuery和其他地方的大多数示例都使用$（'div：contains（“ I am a simple string”）'）

通常，jQuery选择器不在DOM的“文本节点”内搜索。但是，如果使用.contents（）函数，则将包含文本节点，然后可以使用nodeType属性仅过滤文本节点，并使用nodeValue属性搜索文本字符串。

    $（'*'，'body'）
        .andSelf（）
        。内容（）
        .filter（function（）{
            返回this.nodeType === 3;
        }）
        .filter（function（）{
            //仅当文本中任何地方包含“简单字符串”时才匹配
            返回this.nodeValue.indexOf（'simple string'）！= -1;
        }）
        .each（function（）{
            //使用this.nodeValue做一些事情
        }）;

这将仅选择包含“我是一个简单的字符串”的叶子元素。

$('*:contains("I am a simple string")').each(function(){
     if($(this).children().length < 1) 
          $(this).css("border","solid 2px red") });

将以下内容粘贴到地址栏中进行测试。

javascript: $('*:contains("I am a simple string")').each(function(){ if($(this).children().length < 1) $(this).css("border","solid 2px red") }); return false;

如果你只是想抓住 “我是一个简单的字符串”。首先将文本包装在一个像这样的元素中。

$('*:contains("I am a simple string")').each(function(){
     if($(this).children().length < 1) 
          $(this).html( 
               $(this).text().replace(
                    /"I am a simple string"/
                    ,'<span containsStringImLookingFor="true">"I am a simple string"</span>' 
               )  
           ) 
});

然后执行此操作。

$('*[containsStringImLookingFor]').css("border","solid 2px red");

如果只想使节点最接近要搜索的文本，则可以使用以下命令：

$('*:contains("my text"):last');

如果您的HTML看起来像这样，这甚至可以工作：

<p> blah blah <strong>my <em>text</em></strong></p>

使用上面的选择器将找到<strong>标签，因为那是包含整个字符串的最后一个标签。

看一看高亮（jQuery插件）。

只是添加了托尼·米勒的答案，因为这使我90％地获得了我一直在寻找的东西，但仍然没有用。在.length > 0;他的代码末尾添加了我的脚本。

 $(function() {
    var foundin = $('*:contains("I am a simple string")').length > 0;
 });

此功能应该起作用。基本上进行递归查找，直到获得叶节点的唯一列表。

function distinctNodes(search, element) {
    var d, e, ef;
    e = [];
    ef = [];

    if (element) {
        d = $(":contains(\""+ search + "\"):not(script)", element);
    }
    else {
            d = $(":contains(\""+ search + "\"):not(script)");
    }

    if (d.length == 1) {
            e.push(d[0]);
    }
    else {
        d.each(function () {
            var i, r = distinctNodes(search, this);
            if (r.length === 0) {
                e.push(this);
            }
            else {
                for (i = 0; i < r.length; ++i) {
                    e.push(r[i]);
                }
            }
        });
    }
    $.each(e, function () {
        for (var i = 0; i < ef.length; ++i) {
            if (this === ef[i]) return;
        }
        ef.push(this);
    });
    return ef;
}