假设一个网页有一个字符串,如“我是一个简单的字符串”,我想找到。如何使用JQuery来实现这一点?


当前回答

看一下highlight (jQuery插件)。

其他回答

这将只选择包含“I am a simple string”的叶元素。

$('*: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;

如果你想抓取“I am a simple string”。首先将文本像这样包装在元素中。

$('*: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>标记,因为这是包含整个字符串的最后一个标记。

看一下highlight (jQuery插件)。

通常,jQuery选择器不会在DOM中的“文本节点”中进行搜索。但是,如果您使用.contents()函数,文本节点将被包括在内,那么您可以使用nodeType属性仅过滤文本节点,并使用nodeValue属性搜索文本字符串。

    $('*', 'body')
        .andSelf()
        .contents()
        .filter(function(){
            return this.nodeType === 3;
        })
        .filter(function(){
            // Only match when contains 'simple string' anywhere in the text
            return this.nodeValue.indexOf('simple string') != -1;
        })
        .each(function(){
            // Do something with this.nodeValue
        });

jQuery有contains方法。下面是一个片段:

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

上面的选择器选择包含目标字符串的任何元素。findin将是一个包含任何匹配元素的jQuery对象。查看API信息:https://api.jquery.com/contains-selector/

使用'*'通配符需要注意的一点是,您将获得所有元素,包括html和body元素,这可能不是您想要的。这就是为什么jQuery和其他地方的大多数例子都使用$('div:contains("I是一个简单的字符串")')