2015-06-20 36 views
-2

在我的網站有3個箱子,如何與JS創建一個HTML類使與HTML類的JavaScript/jQuery的鏈接

例如鏈接我的盒子是這樣的:

<div class="box1">content</div> 
<div class="box2">content</div> 
<div class="box3">content</div> 

如何創建鏈接for class box1,box2,box3

+0

你是什麼意思_how建立一個鏈接類BOX1,BOX2,box3_? – ozil

+0

是的,但與JavaScript/jQuery的 – themich

+0

爲什麼使用JavaScript來創建一個鏈接,當你可以給你的DOM鏈接?沒有身份證的 – Chanckjh

回答

0

問題不明確。如果這是你想要的:

<div id = "box1" class="box1">content</div> 

    <script> 
    var x = document.getElementsByClassName("box1"); 
    $(".box1").replaceWith("<a href="www.google.com" class="box1">content</a>"); 
    </script> 
+0

,有解決辦法嗎? – themich

+0

我編輯答案來獲取所有使用類box1的元素,可以是一個或多個。 一個Id用於DOM元素的唯一標識,但是一個類與許多元素相關聯。 – Sajal

+0

不瞭解您的腳本,當鼠標懸停時,我請求box1的簡單鏈接,例如box1鏈接:http://google.it ecc,僅與類 – themich

0

我猜這就是你想要做的,把類變成一個鏈接。 http://jsfiddle.net/xthne2bm/1/

HTML

<div class="box1">content</div> 
<div class="box2">content</div> 
<div class="box3">content</div> 

JQuery的

$('[class^="box"').each(function() { 
    var link = $(this).attr('class'); 
    $(this).wrapInner('<a>').find('a').attr('href', link); 
});