如何添加html <a> tag with javascript or jquery?</a>

时间:2011-04-02 22:51:33

标签: javascript jquery

我在一个与jquery一起使用的网站上做了新闻幻灯片。一切都很完美,除了我尝试添加一个链接完整版本新闻的链接。但Javascript从不添加标记,也不会在控制台上显示错误。 这是更改幻灯片中当前显示的新闻的功能:

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中的线是不能做到的。任何帮助都会受到赞赏。

2 个答案:

答案 0 :(得分:2)

简单地:

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

您忘记在'+realNewsNumber+"之后添加转义“ 细节

中的恶魔

答案 1 :(得分:0)

这在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完全加载之前尝试附加代码?