在 Jquery 中附加 HTML 語法

Question

我想通過從 textarea 獲取輸入來生成 HTML 代碼。

HTML

<textarea></textarea>
<div class="submit">submit</div>

查詢

    $(document).ready(function () {
    $(".submit").click(function(){
        var q = $("textarea").val();
        $("body").append("<div class="yo">" + q + "</div>");
    })
})

例如，點擊3次提交按鈕后，輸出應該是這種形式

 <div class="yo"> first value </div> 
 <div class="yo"> second value </div> 
 <div class="yo"> third value </div> 

盡管 text() 方法以 HTML 格式提供輸出，但下一次單擊會替換較早的值。 我需要多次打印 HTML 行。 我如何實現這一目標？

小提琴http://jsfiddle.net/sagesony/azzLn/

Answer 1

將 click 替換為較新的 on()，這是在所有最新查詢版本中建議使用的方法。

jQuery(document).ready(function () {
    $(".submit").on("click", function(){
      var q = $("textarea").val();
      $("body").append("<div>" + q + "</div>");
    });
})

http://jsfiddle.net/azzLn/5/

Answer 2

更新

$(document).ready(function () {
        $(".submit").click(function(){
            var q = $("textarea").val();
            $("body").append('<div class="yo">' + q + '</div>');
        })
    });