相关疑难解决方法(0)

我想得到一个元素的所有后代文本节点,作为jQuery集合.最好的方法是什么？

我有一个HTML文件,其中包含以下行:

<div><img src="img1.gif"><br>My Text</div>

我正在尝试使用JavaScript选择短语"我的文本",以便我可以更改它.我可以使用lastChild获取包含文本的对象,但无法弄清楚如何获取文本本身的值.

我是初学者,试图创建一个chrome扩展.在这个扩展中,我想要一个popup.html文件,其上有"highlight"按钮.如果用户单击突出显示,则应突出显示页面中的所有单词.

表现

"browser_action": {
  "default_icon": "icon.png",
  "default_popup": "popup.html" 
},
"permissions": [
  "tabs", "activeTab"
]

Popup.html

<!DOCTYPE html> 
<html>
  <head>
    <script src="popup.js"></script>
  </head>
  <body>
    <button id="highlight">Highlight</button>
  </body>
</html>

popup.js

window.onload = function(){
  document.getElementById('highlight').onclick = highLight;
  function = highLight(){
   //How can I make all the text  highlighted
 }
};

如何访问DOM以突出显示每个单词？

提前致谢!

我想知道在提取contents()并在其中的所有文本节点上执行替换后,是否有任何方法可以输出HTML .

jsFiddle:http://jsfiddle.net/bikerabhinav/t8835/1/

HTML:

<div id="msg">
    Hi, this is a Textnode _link_<br>
    this is Textnode number 2
    <br /><a href="http://google.com">element node</a>
</div>

JS:

$('#msg').contents().each(function() {
    if(this.nodeType == 3) {
        var u = this.nodeValue;
        var reg = /_link_/g;
        this.nodeValue = u.replace(reg,'<a href="http://google.com">Google</a>');
    }
});

OUTPUT:

Hi, this is a Textnode <a href="http://google.com">Google</a>
this is Textnode number 2 
element node

我需要的:

Hi, this is a Textnode <a href="http://google.com">Google</a><br> <!-- as a HTML link -->
this is Textnode …

可能重复:
使用JavaScript突出显示文本范围
在jQuery中查找文本字符串并使其变为粗体

假设我有一堆文件路径,类似于:

• /卷/ A //阵列/ 05_SCRIPTS /分期/树/ 04_OUTPUTS/MPEG_FF_PS_wCropping/01_NBC_Youtube /积压/存档/ LawAndOrder_S20

• /卷/ A // AArray/05_SCRIPTS /分期/树/ 04_OUTPUTS/MPEG_FF_PS_wCropping/01_NBC_Youtube /积压/存档/ LawAndOrder_S20/nbcnetwork-PDS-E8818-US-插入 - 20121020

如何突出显示页面上特定文本的所有匹配项.例如,如果"04"我正在寻找,它会做如下:

$(source).find('04').addClass('highlight');

这是伪代码,可能不太合适,但这正是我想要做的.