2014-09-01 72 views
-3

我有很奇怪的問題atm。jquery html()以錯誤的方式轉換html代碼

我已經div的

<div id="testId" class="some-class"> 
</div> 

從js的位置,我想插入到這個div的html代碼

$('#testId').html("<a href="somelink">SOME_ID</a>") 

通過調用我想有超鏈接SOME_ID。不幸的HTML()轉換它:

<a href="somelink"></a>SOME_ID 

任何想法如何解決它?

+1

如果你有一個問題,它可能有助於使用Err或控制檯(在鉻,這是ctrl + shift + j或F12),並尋找錯誤。很多時候,它會幫助你解決你自己的問題,或者至少幫助你做一個谷歌搜索你的問題。 – soktinpk 2014-09-01 14:11:06

回答

5

您正在以不正確的方式處理引號。您應該檢查控制檯是否有錯誤。無論是使用:

$('#testId').html("<a href='somelink'>SOME_ID</a>"); 

$('#testId').html('<a href="somelink">SOME_ID</a>'); 

對於從變量添加動態的href:

var smhref="http://jsfiddle.net/z25xd57c/"; 
$('#testId').html('<a href="'+smhref+'">SOME_ID</a>'); 
+0

非常感謝,這是新手的錯誤。沒有任何可行的東西,我在純鏈接上遇到了麻煩。 – ojciecmatki 2014-09-01 14:09:42

+0

@ojciecmatki:很高興它有幫助。總是檢查控制檯是否有錯誤。 – 2014-09-01 14:17:33

4

您必須使用+運營商加入字符串和變量在Javascript。

var somelink = "http://www.google.com", 
    some_ID = "Google"; 

$('#testId').html("<a href=" + somelink + ">" + SOME_ID + "</a>") 

將返回<a href='http://www.google.com'>Google</a>

1

試試這個http://jsfiddle.net/Tushar490/y4kqm1af/1/

HTML

<div id="testId" class="some-class"></div> 

腳本

var somelink="https://www.google.com"; 
var SOME_ID="Google"; 
$('#testId').append("<a href=" + somelink + ">" + SOME_ID + "</a>")