使用jquery輸出HTML內容

Question

我想在搜索結果的網頁上顯示一條消息。下面是我的JS代碼。我保持DIV在HTML中爲空。在調用該函數後，瀏覽器中沒有顯示任何內容。我是新手請糾正我在做錯的地方。

function test() { 
    var v = "<p class=""noresults""> <img src=""icons/oops-icon_small.jpg"" alt=""OOPS!"" > id=""img_align"" /> we did not find" + "any results relating to your search. </p>" + "<span > class=""noreult_home""> <a href=""#""><img src=""icons/home_icon.jpg"" alt=""Home""/>  </a> ></span>"; 

    $("div#con").html(v); 
} 

Answer 1

我必須提高你的javscript功能

function test() { 
    var v= "<p class='noresults'><img src='icons/oops-icon_small.jpg' alt='OOPS!' id='img_align'/>we did not find any results relating to your search.</p><span class='noreult_home'><a href='#'><img src='icons/home_icon.jpg' alt='Home'/></a></span>"; 
    $("div#con").html(v); 
} 

Answer 2

試試這樣說：

function test() { 
    $('<img />').attr('id', 'img_align').append('div#con'); 
    $('<p></p>').addClass('noresult_home').html('we did not find any results relating to your search.').append('div#con'); 
}