javascript - 如何使用 jquery 更新 HTML 表格单元格

Question

团队，

您能告诉我如何使用 jquery 更新单元格吗？

<table id='lop'>
    <thead id='loph'>
        <tr>
            <td class='type'>Type</td>
            <td class='name'>Name</td>
        </tr>
    </thead>
    <tbody id='lopb'>
        <tr id='1'>
            <td class='type'>W</td>
            <td class='name'>ZZZ</td> 
        <tr>
        <tr id='2'>
            <td class='type'>W</td>
            <td class='name'>YYY</td> 
        <tr>        
    </tbody>
</table>

我想将第二行名称从 YYY 更新为 XXX。
请，答案应该基于 html 中使用的 id 和类名，而不是使用 jquery 时基于数字/顺序。

下面的解决方案也不起作用，

$('#lop #2 .name').html('XXX')  //Working

如果是

var rowID = '#2';
$('#lop rowID .name').html('XXX') //Not Working

Answer 1

试试这段代码，它使用 html method更新代码:

$('#lop #2 .name').html('XXX')

你可以看看这个 fiddle :http://jsfiddle.net/cWQRY/

如果您想使用变量来完成此操作，可以尝试以下代码:

var rowID = '#2';
$('#lop '+rowID+' .name').html('XXX')