在Jquery中添加HTML语法

appending HTML syntax in Jquery

本文关键字：HTML 语法 添加 Jquery      更新时间：2023-09-26

我想通过从文本区获取输入来生成HTML代码。

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

    $(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格式的输出，但是next click会替换之前的值。我需要一个接一个地打印HTML行，因为我想要多少次。我该怎么做呢?

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

用更新的on()代替click，这是建议在所有最新的查询版本中使用的。

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

已更新

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