我有一个如下表;
<tr class="nm" style="height: 30px">
<td style="width: 15px;"> </td>
<td class="section" colspan="5">mix</td>
<td style="width: 15px;"> </td>
</tr>
<tr>
<td class="prev" rowspan="2"><<</td>
<td class="content"> </td>
<td class="content"> </td>
<td class="content"> </td>
<td class="content"> </td>
<td class="content"> </td>
<td class="next" rowspan="2">>></td>
</tr>
<tr>
<td class="title" > </td>
<td class="title" > </td>
<td class="title" > </td>
<td class="title" > </td>
<td class="title" > </td>
</tr>
<tr class="nm" style="height: 30px">
<td style="width: 15px;"> </td>
<td class="section" colspan="5">cat</td>
<td style="width: 15px;"> </td>
</tr>
<tr>
<td class="prev" rowspan="2"><<</td>
<td class="content"> </td>
<td class="content"> </td>
<td class="content"> </td>
<td class="content"> </td>
<td class="content"> </td>
<td class="next" rowspan="2">>></td>
</tr>
<tr>
<td class="title" > </td>
<td class="title" > </td>
<td class="title" > </td>
<td class="title" > </td>
<td class="title" > </td>
</tr>
我使用 AJAX 和 jQuery 来填充表内容。我有一个脚本如下;
$('.next').click(function() {
var $nxt = $(this);
var $titlex = $nxt.prev().parent('.title');
$.ajax({
type: 'POST',
url: 'ajax.php',
data: 'id=2&dir=mix',
cache: false,
success: function(result3) {
$titlex.eq(index).html("XX");
},
});
});
它应该更改相应行中class="title"
中的内容。 php 文件 ajax.php
将返回一个数据数组,其中包含 5 个 JSON 成员。我想使用此方法填充相应行的标题单元格。另一行的内容不应更改。
我该怎么做?
最佳答案
首先,我认为你想要改变:
var $titlex = $nxt.prev().parent('.title');
到
var $titlex = $nxt.parent().next().children('.title');
我简化了事情,不得不去掉 ajax,但现在它正在选择正确的元素,你可以从那里取出它吗?
关于javascript - 使用 jQuery 和 AJAX 填充表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6457247/