Question

我已经提供了以下css

<div class="Topping-details">
<img src="images/arrow-topping.png"/>
<section>
<i id="topping-close"></i>
<a href="#">Ketchup Extra - Rs. 25/-</a>
<a href="#" class="tpActive">Butter Extra - Rs. 25/-</a>
</section> 
</div>

我正在尝试动态地将数据附加到div 这是我需要附加数据的div（所有href数据都是动态的）

<div class="Topping-details id='+v_item_id+'></div>

我按照这种方式

[
    {
        "toppings": [
            "Honey with Chocolate Sauce  10 ML",
            "Honey with Carmel  10 ML"
        ]
    }
]

var toppings = toppingres[0].toppings;
var toppingcart = $('<img src="images/arrow-topping.png"/><section><i id="topping-close"></i>');
  for (var i = 0; i < toppingres[0].toppings.length; i++){
  toppingcart.append('<a href="#">'+toppingres[0].toppings[i]+'</a>');
  }
toppingcart.append('</section>');
$("#"+id_attr_val+"").append(toppingcart);

您能告诉我为什么数据没有附加到div ??

Answer 1

代码中的两处更改

将<div class="Topping-details id='+v_item_id+'></div>更改为<div class="Topping-details id='"+v_item_id+"'></div>
将$("#"+id_attr_val+"")更改为$("#"+id_attr_val)

无法将数据附加到div

1 个答案: