jquery将文本更改为通过所有Div标记的超链接

时间:2015-11-19 13:22:16

标签: javascript jquery html hyperlink

我有页面说

<div class="wrapper" id="checkLink">
    <div name="something">
       <div name="something">
          <bean:write name="" property=""/>
       </div>
    </div>
    <div name="something">
       <div name="something">
           <div name="something">
                 <bean:write name="" property=""/>
           </div>
       </div>
       </div>
    </div>

我想更改&#34; checkLink&#34;中的任何文字。如果它以http / https / www

开头,则为div

数据来自后端并由最终用户输入...有90个奇数字段(其中任何人都可以是超链接)

只有匹配的值应显示为超链接

如何将它们转换为超链接?

1 个答案:

答案 0 :(得分:0)

https://jsfiddle.net/w033ucrm/1/

var divs = $('#checkLink div');
$.each(divs, function(index, div){
    var target = $(div).attr('name');
   $('body').append('<a href="http://www'+target+'">'+target+'</a><br/>'); 
});

您也可以使用$(div).replaceWith()但是对于嵌套的div,您只能获得2个锚点