1

データベースからjsonリストを使用するjquery構文があります。

ここにコードがあります

$(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関数にアンカーを正しく挿入する方法は?

前もって感謝します。

4

1 に答える 1

2

使用する.html()

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

API から:

このメソッド ( .text()) は、HTML で正しくレンダリングされるように、必要に応じて提供された文字列をエスケープすることに注意する必要があります。そのために、DOM メソッド .createTextNode() を呼び出し、文字列を HTML として解釈しません。

于 2013-06-18T09:08:20.020 に答える