javascript - 使用jquery优化在html中追加元素的方式

Question

将此元素附加到我的特定 DIV Class 的优化方法是什么？使用 JQUERY。这将生成动态元素。我用 .AppendTo然后动态显示<div class='parent-list-workorder'>里面的元素.

到目前为止，这是我的代码，但它不起作用:

$(document).ready(function(){

    var ListOfWorkOrders = [];

    $("#button").click(function(){

        //var _WOID = $('.list-workorder-id').text();

        var _WOID = $('#txtWOID').val();

        //alert(_WOID);

        $.ajax({
          url:'getWorkOrders.php',
          type:'POST',
          data:{id:_WOID},
          dataType:'json',
          success:function(output){


            for (var key in output) {

                if (output.hasOwnProperty(key)) {

                    $("<div class='child-list-workorder'>

                        <div class='list-workorder'>

                            <div class='list-workorder-header'>

                                <h3 class='list-workorder-id'>" + output[key] + "</h3>

                            </div>

                            <p>" + Sample + ":" + key + "</p>

                        </div>

                    </div>").appendTo("<div class='parent-list-workorder'>");

                    //alert(output[key]);

                }
            }

            console.log(output);              

          }

        });

    });

});

我错过了什么吗？

Answer 1

您的问题出在下面的代码中:

.appendTo("<div class='parent-list-workorder'>");

appendTo() 的参数也应该是一个有效的选择器。

你可以试试这个:

.appendTo("div.parent-list-workorder");

授予 div.parent-list-workorder 已经存在。