2015-11-19 34 views
0

我已經頁說jQuery的變化文本通過所有的div標籤超鏈接

<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> 

我想「檢查鏈接」專區內的任何文字更改爲超鏈接,如果它與HTTP/HTTPS/WWW

開始

數據來自後端,由最終用戶輸入的......有90個奇數場(外面任何人都可以是一個超鏈接)只有匹配的值應顯示爲超鏈接

如何將它們轉換爲超鏈接?

+3

。在你的例子沒有文字,只有div的。 –

+1

我懷疑jQuery本身並沒有這個功能。這聽起來像你需要爲DOM中的每個標識「節點」解析其中的所有文本,以找到匹配的字符串並根據這些字符串進行拆分。然後用'a'元素替換匹配的字符串,並從分割字符串和新的'a'元素重新構造節點的全部內容。 (如果有一個jQuery插件已經完全或非常類似於這個東西,這也不會讓我感到驚訝。) – David

+0

@ Heru-Luin更新了示例:) – ManishRao

回答

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個錨

相關問題