的Javascript替换的问题（与alt和title atribbutes）

Question

我有以下代码：

function getArticleContent() { 

    var toPromote = 'example'; 

    var toReplace = '<a href="/tags/'+toPromote+'">'+toPromote+'</a>'; 

    var content = $(".a-entry").text(); 

    if (content.search(toPromote) > -1) 
    {   
     $('.a-entry').html($('.a-entry').html().replace(new RegExp(toPromote, "g"), toReplace)); 
    } 
    else 
    { 
     // 
    } 
} 
$(document).ready(function() { 
    getArticleContent(); 
}); 

的代码工作正常，但如果图片或链接有一个标题或ALT属性与文本等我想要替换它被破坏的html，因为脚本把链接放在alt或title标签中。

问候

---

我试图做这样的事情：

<div id="article"> 
<p>Some text here, bla bla.</p> 
</div> 

JS的功能我想后：

<div> 
    <p>Some text <a href="/tags/here">here</a>, bla bla.</p> 
</div> 

Answer 1

尝试使用jQuery。 attr（）标签在href属性或.text（）上的标签上进行替换，这是您希望更改的内容。

否则，它可能有助于显示一些标记以查看究竟是什么（示例之前/之后）。

.attr('href',yournewstuff); 

OR

.text(yournewstuff); 

Answer 2

你可以做这样的事情，虽然有可能是一个更短的方式（文本节点是非常罕见的情况对我来说）：

function getArticleContent() { 
    var toPromote = 'example'; 
    $(".a-entry").contents().filter(function() { return this.nodeType == 3; }) 
    .each(function() { 
     if(this.nodeValue.indexOf(toPromote) > -1) 
     $(this).replaceWith(this.nodeValue.replace(new RegExp(toPromote, "g"), 
      function(m) { return '<a href="/tags/'+m+'">'+m+'</a>'; }) 
     ); 
    }); 
} 
$(getArticleContent);​ 

You can try a demo here。此过滤器专门用于文本节点nodeType == 3，对于.each()这些文件节点，它将循环浏览，如果文本在那里，则将每个匹配替换为相应的链接。