jquery - 如何查找 ID 与 json 键匹配的表 tr 并填充其他列

Question

我是 JQuery 和 Json 的新手，我遇到了一些问题。如果有人能为我提供帮助，我将非常感激。我的问题如下:

在我的 JSP 中，我有 ajax 调用，它将返回 json 对象。我想获取 json 对象中的键，在表中找到其 ID 与键匹配的 tr，并最终使用 json 对象中的值填充该特定行中的其他列。

这是我的 jquery ajax 调用

    $.ajax({
....
....
success:function(data) {    
//Data is a Json Object. The value is for example :{"A":"1","B":"2","C":"3"}    
for(key in data) {
    $("#myTable tr").find(key).find("td").eq(1).html(data[key]); // not working!
}
}
});

，我有以下 html block :

<table id = "myTable">
    <tr id = "A">
      <td>Descriptopn.</td>
 <td>...</td> // I want to set this value to be 1
    </tr>

    <tr id = "B">
 <td>Description</td>
 <td>...</td> // I want to set this value to be 2
    </tr>

     <tr id = "C">
  <td>Description</td>
       <td>...</td> // I want to set this value to be 3
</tr>   
 </table> 

我的问题是上面的语法不起作用。有什么办法可以让我把这件事做好吗？谢谢。

Answer 1

.find()在每个匹配元素中搜索与给定选择器匹配的后代。由于您想要搜索表的后代，而不是行的后代，因此请删除原始选择器中的 tr 。然后，在键前面添加一个 '#' 标记，使其成为有效的 id 选择器，其余部分将按预期工作。

for(var key in data) {
    $("#myTable").find('#'+key).find("td").eq(1).html(data[key]); // working!
}