javascript - 使用 Jquery 输出 HTML 内容

Question

作为搜索结果，我想在网页上显示一条消息。下面是我的 JS 代码。我在 HTML 中将 DIV 保留为空。调用该函数后，浏览器中没有显示任何内容。我是新手，请纠正我做错的地方。

   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');
}