javascript - 如何使用 jQuery n json 动态编写 HTML 标签？

Question

我需要用jquery将html代码写入下面的div

<div id="addme"></div>

以下是我的 html 和 php

<div class="col-md-4 product secondproduct">
    <div class="images1">
        <a
            href=" <?php echo base_url();?>products/details/<?php echo $product->productid?>">
            <img
            src="<?php echo base_url();?>assets/images/products/<?php echo $product->productimage;?>" />
        </a>
    </div>
    <div class="title1">
            <?php echo $product->productname;?>
    </div>
    <div class="price1">
            Rs. <?php echo $product->productprice;?>
    </div>

    <div class="productadd">
        <form method="post" action="<?php echo base_url();?>cart/productadd">
            <div class="qtyout">
                QTY : <input type="text" class="qty" name="qty" value="1" />
            </div>
            <input type="hidden" name="item_number"
                value="<?php echo $product->productid;?>" /> <input
                type="hidden" name="price"
                value="<?php echo $product->productprice;?>" /> <input type="hidden"
                name="title" value="<?php echo $product->productname;?>" />
            <button class="btn btn-primary btn-lg" type="submit">Add To Cart</button>

        </form>
    </div>  
</div>

实际上我想用 json 和查询填充这些 html 和 php。并且会出现很多错误。主要问题是，我不知道如何在 jquery 中编写这些 html 标签并循环 json 数据。提前致谢

Answer 1

在 addme div 中添加一些内容

$("#addme").html('insert content here');

或者您可以附加一些内容(保留现有内容并在末尾添加内容):

$("#addme").append('insert content here');

为 json。一旦你有了 json 字符串，你就可以这样做

var yourdata = JSON.parse(jsonstring)

希望这对您有所帮助