裹2个符号在跨度标签的所有超链接

-1

jQuery(".cms-outdoor-furniture-covers .col-main a").each(function (i, html) { 
    return html.replace(" >", "<span class=\"no-underline\">$&</span>"); 
});

我试图找出如何用替换超链接的所有" >""<span class="no-underline"> ></span>"裹2个符号在跨度标签的所有超链接

标记：

<div class="cms-outdoor-furniture-covers"> 
    <div class="col-main"> 
     <a href="#"> random text ending with ></a> 
    </div> 
</div>

目标我想实现是 - 为随机字符串保留下划线，但在范围中换行结尾 - “>”以从中删除下划线。

<div class="cms-outdoor-furniture-covers"> 
    <div class="col-main"> 
     <a href="#"> random text ending with<span class="no-underline"> ></span></a> 
    </div> 
</div>

来源

2014-01-16 bazinga

，请把你的html和你想要的HTML的输出。 –

你的意思办：

jQuery(".cms-outdoor-furniture-covers .col-main a").each(function (i, val) { 
    var html = jQuery(this).html(); 
    if(html.search(' &gt;') > -1) { 
     jQuery(this).html("<span class='no-underline'>" + html.replace(" &gt;", "") + "</span>" + " >"); 
    } 
});

和CSS：

a { text-decoration: none } 
.no-underline {text-decoration:underline;}

您需要完全移除链接下划线（缩小CSS只影响那些链接如果你想的话），然后添加一个类到你想要加下划线的文本。

这里的演示：http://jsfiddle.net/qz5R8/2/

来源

2014-01-16 09:08:55 roobeedeedada

这不起作用 – bazinga

@bazinga你的html标记是什么，应该是什么结果请更新。 –

查看上面，编辑：http://jsfiddle.net/qz5R8/ – roobeedeedada

只是包装了一个标签：

$('.cms-outdoor-furniture-covers .col-main a') 
.wrap("<span class='no-underline'></span>");

来源

2014-01-16 09:09:16 elasticman

我认为OP想要包装文本而不是标签。 –

裹2个符号在跨度标签的所有超链接

回答

相关问题