使用jquery从json填充特定行中的数据

时间:2015-07-05 19:26:51

标签: jquery json

我想在多个特定行中填充json数据。 JSON:

   {"locations":[{"Location":"27|","Name":"Al Jamia Distric B ,"branch":"23","MaleStaff":"20","FemaleStaff":"30"},{"Location":"26|","Name":"Al Kharj Branch ","branch":"146","MaleStaff":"40","FemaleStaff":"50"}]}

HTML:

<tr>
<td>
    <input type="text" class="branch" value="23"/>
</td>
<td>
    <input type="text" class="male"/>
</td>
<td>
    <input type="text" class="female"/>
</td>

......

所以我想填写男性和女性类中的数据,其中“html输入标签中的类分支值为23,等于json中的分支值”。 帮帮我

1 个答案:

答案 0 :(得分:1)

尝试使用<tbody>元素将<tr>父元素添加到<table>元素;仅使用for循环来迭代a.locations,使用input属性选择器过滤[value=" + a.locations[i].Code + "];在.parent() input元素中选择已过滤的.male.next()元素子元素td; .append() a.locations[i].MaleStaff已选择已过滤的.male元素

var a = $.parseJSON(data);

for (var i = 0; i < a.locations.length; i++) {
    $("input[value=" + a.locations[i].Code + "]")
    .parent().next("td").find(".male")
    .append(a.locations[i].MaleStaff);
}

jsfiddle http://jsfiddle.net/vzL9mwnz/1/