使用jQuery .filter（）在div中选择特定的文本 [英] Use jQuery .filter() to select specific text within div

问题描述

HTML：

 < p class =greeting> 
你好，我的名字是凯文。你的是啥呢？ 
< / p> 
  

jQuery：

 < code $（p.greeting）。filter（function（）{
 return $ this.text（）===my name is; 
））。css（背景，绿色）; 
  

我试图在中分隔我的名字 < p class =greeting> 标记。任何人都可以帮我使用jQuery，因为它似乎不工作。谢谢。

解决方案

p>

  .highlight {background-color：yellow; } 
  

JavaScript：

  var text ='我的namE iS'; （b，b，b，b，b，b，b，b，b，b， + text +'）'，'gi'）; 
 replacement ='< span class =highlight> $ 1< / span>; 
 
 return html.replace正则表达式，替换）; 
}）; 
  

现场演示： http://jsfiddle.net/SGCDS/5/

HTML:

<p class="greeting">
  hello, my name is kevin. what's yours?
</p>

jQuery:

$("p.greeting").filter(function (){
  return $this.text() === "my name is";
}).css("background", "green");

I'm trying to isolate the words "my name is" in the <p class="greeting"> tag. Can anyone help me with the jQuery as it doesn't seem to work. Thanks.

解决方案

Here you go:

CSS:

.highlight { background-color: yellow; }

JavaScript:

var text = 'My namE iS';

$( 'p.greeting' ).html( function ( i, html ) {
    var regexp, replacement;

    regexp = RegExp( '(' + text + ')', 'gi' );
    replacement = '<span class="highlight">$1</span>';

    return html.replace( regexp, replacement );
});

Live demo: http://jsfiddle.net/SGCDS/5/

这篇关于使用jQuery .filter（）在div中选择特定的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！