Question

我正在制作一个项目，我面临的问题是在innerHTML中。我试图使用innerHTML附加编辑的值，但它不起作用。请帮我说明如何做到这一点。这是我用于编辑值的javascript代码。如何在不重新加载页面的情况下附加值？

$("#save1").click(function(){
    var edit = $("#eretail").val();

     $.ajax({
         url:"ajax.php",
         type:"post",
         data:{"type":"editretailer","curr_id":$("#selected_id").val(),"name":edit},
         success:function(data){

          $("#consoled").modal('hide');

      });  
   }     
});

编辑按钮和向用户显示的值来自代码：

<tbody id="retail">             
            <?php
                while($rowService = mysqli_fetch_array($retailer)){


            ?>
             <tr class="gradeU">
                <td><?php echo $rowService['retailer_name']; ?></td>

               <td>
                <a href="#" class="tooltips editType" id="<?php echo $rowService['retailer_id']; ?>" data-toggle="modal" data-target="#consoled"><i class="fa fa-pencil"></i></a>

                <a href="addRetailer.php?type=delete&id=<?php echo $rowService['retailer_id'];?>" class="tooltips" title="Delete" data-placement="top" data-toggle="tooltip" onclick="return confirm('Are you sure you want to Remove?');"><i class="fa fa-trash-o"></i></td>
             </tr>
            <?php } ?>
          </tbody>

Answer 1

您可以使用jquery的附加功能。

http://api.jquery.com/append/

从你的代码中说出来

$( "#retail" ).append( "<tr><td><?php echo $rowService['retailer_name']; ?></td></tr>" );

Answer 2

附加到表格的第一个td

 $('.gradeU  td:first-child').append("<p> hi</p>")

innerHTML无法处理td元素

2 个答案: