使用Javascript或Jquery将html标记或类转换为特定的单词,而不以图片的alt和标题为目标

使用Javascript或Jquery将html标记或类转换为特定的单词,而不以图片的alt和标题为目标,javascript,jquery,html,class,tags,Javascript,Jquery,Html,Class,Tags,不久前,我请求帮助自动更改我网站的某些重复名称,并将其改为斜体。在您的帮助下,我通过使用以下脚本实现了我的目标: function change() { var words = new Array("Nymphaea", "Nelumbo", "Iris", "Hemerocallis", "Hibiscus"); var html = document.body.innerHTML; for(var i = 0; i < words.length; i++) {

不久前,我请求帮助自动更改我网站的某些重复名称,并将其改为斜体。在您的帮助下,我通过使用以下脚本实现了我的目标:

function change() {
    var words = new Array("Nymphaea", "Nelumbo", "Iris", "Hemerocallis", "Hibiscus");
    var html = document.body.innerHTML;
    for(var i = 0; i < words.length; i++) {
        var reg = new RegExp(words[i], 'g');
        var html = html.replace(reg, "<i>"+words[i]+"</i>");
    }
    document.body.innerHTML = html;
}
change();
函数更改(){
var words=新阵列(“睡莲”、“荷花”、“鸢尾”、“萱草”、“芙蓉”);
var html=document.body.innerHTML;
for(var i=0;i
不幸的是,我刚刚意识到我仍然有一个问题,因为所有的图片都显示了带有标签的标题。例如,如果html为:

<a href="......../nymphaea-alba-var-rubra.jpg" title="&lt;i&gt;Nymphaea&lt;/i&gt; alba var. rubra"><img src="/wp-uploads/gallery/nursery/nymphaea-alba-var-rubra.th.jpg" alt="&lt;i&gt;Nymphaea...&lt;/i&gt; alba var. rubra" /> </a>

图中显示了一个标题,如若虫红色白桦变种。有人能帮我完善代码,使标题和替补不成为目标吗?我将不胜感激

提前谢谢


Enrico

您可以在修改后的HTML上运行正则表达式,以删除title和alt属性中的任何斜体标记,如下所示:

function change() {
    var words = new Array("Nymphaea", "Nelumbo", "Iris", "Hemerocallis", "Hibiscus");
    var html = document.body.innerHTML;
    for(var i = 0; i < words.length; i++) {
        var reg = new RegExp(words[i], 'g');
        var html = html.replace(reg, "<i>"+words[i]+"</i>");
    }
    html = html.replace(/([title|alt]=".*?)<i>(.*?)<\/i>(.*?")/gm, '$1$2$3');
    document.body.innerHTML = html;
}
change();
函数更改(){
var words=新阵列(“睡莲”、“荷花”、“鸢尾”、“萱草”、“芙蓉”);
var html=document.body.innerHTML;
for(var i=0;i
看来我不能,因为我没有15个声誉,对不起,马特:(