javascript - jquery div从数组替换

Question

我有一个二维数组，我从调用中以 JSON 形式返回。

我也有一个 3×3 的 div。

如下：

<div id="type0">
    <div id="image00"></div>
    <div id="image01"></div>
    <div id="image02"></div>
</div><br />

<div id="type1">
    <div id="image10"></div>
    <div id="image11"></div>
    <div id="image12"></div>
</div><br />

<div id="type2">
    <div id="image20"></div>
    <div id="image21"></div>
    <div id="image22"></div>
</div><br />

我有下面的循环来迭代数据。

$.each(res, function (i, tickets) {
     $.each(tickets, function (j, ticket) {

         console.log('i:' + i);
         console.log('j:' + j); 



     });
 });

每次调用此脚本时，如何替换上面 div 的内容？

本质上，我想填充 3×3 div。

因此，对于内部循环，我想我需要类似的东西：

$("#type1").$("#image1").html(image here);

这样做的正确方法是什么？

i 和 j 给出 u、0,1,2 和 0,1,2。

还是有更好的方法来做到这一点？

Answer 1

您可以尝试选择eq()器start with attribute：

$.each(res, function (i, tickets) {
     $.each(tickets, function (j, ticket) {
         $('div[id^=img]').eq(j).text(ticket)
     });
 });

---

$.each(res, function (i, tickets) {
     var ind = i;
     $.each(tickets, function (j, ticket) {
         $('#image'+ind+j).text(ticket)
     });
 });

Answer 2

使用 id 作为选择器，因为它们是唯一的

$.each(res, function (i, tickets) {
     $.each(tickets, function (j, ticket) {
         $(('#image'+i)+j).html(image here)
     });
 });