如何用javascript或jquery添加html <a>標籤？

我在一個和jquery一起工作的網站上做了新聞幻燈片。除了我嘗試添加鏈接鏈接新聞的完整版本的鏈接外，一切都完美無缺。但是Javascript永遠不會添加標籤，也不會在控制檯上顯示錯誤。以下是更改幻燈片上當前顯示的新聞的功能：如何用javascript或jquery添加html <a>標籤？

 
function changeNews(newCurrentNewsNumber) 
    { 
     var realNewsNumber = newCurrentNewsNumber - 1; 
     $("#number" + currentNewsNumber).css("color", "#FFFFFF"); 
     $("#number" + currentNewsNumber).css("backgroundColor", "#474747"); 
     $("#imageNews").attr("src").replace(newsImagePathArray[newCurrentNewsNumber - 1]); 
     $("#number" + newCurrentNewsNumber).css("color", "#055c94"); 
     $("#number" + newCurrentNewsNumber).css("backgroundColor", "#FFFFFF"); 
     $("#textNews").html(newsTitleArray[realNewsNumber]+"<br />" + newsTextArray[realNewsNumber]+"<br />"); 
     $("#textNews").append("<a href=\"index.php?corps=news&id="+realNewsNumber+">Voir la suite de la news...</a>"); 
     currentNewsNumber = newCurrentNewsNumber; 
    }

newCurrentNewsNumber是要顯示的新消息。 currentNewsNumber是舊的。 newsXXXArray包含新聞的元素。 blod中的行是不應該做的。任何幫助將不勝感激。

來源

2011-04-02 Louhike

簡單：

$("#textNews").append("<a href=\"index.php?corps=news&id="+realNewsNumber+"\">Voir la suite de la news...</a>");

你剛纔忘了加轉義「後 '+realNewsNumber+"' 魔鬼在細節

來源

2011-04-02 22:53:36 Guidhouse

感謝您的答案，但它不能解決我的問題。 – Louhike 2011-04-02 22:58:33

我想我找到了你真正的問題。請再次檢查 – Guidhouse 2011-04-02 23:04:38

謝謝，它的工作原理。多麼愚蠢的錯誤！我想這是你在凌晨1點工作時遇到的那種問題。 – Louhike 2011-04-02 23:05:46

這正常工作對我的jsfiddle：

function changeNews(newCurrentNewsNumber) { 

    var realNewsNumber = newCurrentNewsNumber - 1; 
    $("#textNews").html("Test Title"+"<br />" + "Text Text" +"<br />"); 
    $("#textNews").append("<a href=\"http://www.google.com?corps=news&id="+realNewsNumber+"\">Voir la suite de la news...</a>"); 
} 

$(function() { changeNews(1); });

我能想到的唯一的事情就是你要追加代碼之前DOM完全加載？

來源

2011-04-02 23:03:29 jbrookover

如何用javascript或jquery添加html <a>標籤？

回答

相關問題