jquery 目标 class 的第 n 个实例

Question

我有一个 ID 为 #jobForm 的表单。在 #jobForm 中，我可以有任意数量的 <div> 和 class .jIN

在 .jIN 我总是有一个 class 叫做 .allCharges

我正在从网络服务器返回的 json 字符串中读取数据。有一个名为 charges 的 json 数组。在charges中，有一个名为block的字段对应第n个.allCharges。我想用 charges.chargesDesc

定位并填充正确的 .allCharges

我正在这样做：

<form id="jobForm">
  <div class="jIN">
    <div class="allCharges"></div>
  </div>
  <div class="jIN">
    <div class="allCharges"></div>
  </div>
  <div class="jIN">
    <div class="allCharges"></div>
  </div>
</form>

    var cl=json.charges.length;
    for(i=0;i<=cl-1;i++){
      var block=json.charges[i].block;
      $("#jobForm.jIN:eq("+block+") .allCharges").append( json.charges[i].chargeDesc ); 
    }

但这不起作用。

Answer 1

我觉得

$("#jobForm.jIN:eq("+block+") .allCharges")

应该阅读

$("#jobForm .jIN").eq(block).find(".allCharges").append( json.charges[i].chargeDesc );

你把所有东西都捣碎了。

jquery 目标 class 的第 n 个实例

jquery target nth instance of class

jquery

json

target