Question

我有jquery语法来从数据库中使用json列表。

这是代码

$(document).ready(function () {
    //function to get the result from user-input
    $("#btnsearch").click(function() {
        $("#posting").html("");
        //show the div section
        $("#divContent").show("slow", function(){
            //getting value from searchbox
            valobj = $('#search_box').val();
            //execute data from database.
            $.getJSON("search.php", { q : valobj }, function(data,result){
                //show result from database
                $.each(data.content, function(index, value) { 
                    var li = $("<li><h3></h3><p></p></li>");
                    $("#posting").append(li);
                    $("h3",li).text("<a href='post.php?id='>" + value.title + "</a>");
                    $("p",li).text(value.intro_text);           
                });  
                //end show result
            }, JSON);

        }); //end show div section

    }); //end click function

正如您在上面所看到的，我需要将锚点放在帖子标题上，所以当用户点击它时，它会重定向到另一个页面

  $("h3",li).text("<a href='post.php?id='>" + value.title + "</a>");

但它不起作用并向浏览器示例显示结果：Test Post 100

如何在jquery函数上正确插入锚点？

提前感谢。

Answer 1

使用.html()

$("h3",li).html("<a href='post.php?id='>" + value.title + "</a>");

来自API：

我们需要注意，此方法（ .text() ）会转义提供的字符串必要的，以便它在HTML中正确呈现。为此，它打电话 DOM方法.createTextNode（）不会将字符串解释为 HTML

将Anchor Tag放在JQuery JSON中

1 个答案: