Question

我的表格中有这种结构

<table>
    <c:forEach ...>
    <tr>
        <td>test</td> // i have this value
        <td>random value</td>
        <td>random value</td>
        <td>random value</td>
    </tr>
    </c:forEach>
</table>

我有第一个<td>的文字。我想使用jQuery或您提供的任何建议更改以下任何 <td> 之后的文本。我真的很难想到如何做到这一点。

有人可以帮助我吗？

编辑:(即我想更改您可以说<td>）的第二个$('#td2').text('test');;

Answer 1

尝试

//this holds the text to be searched
var text = 'text';
//use .filter() to find the td because :contains can return partial matches
var $tr = $('table td:first-child').filter(function(){
    return $.trim($(this).text()) == text
}).parent();
var $tds = $tr.find('td');//this is all the tds in the row
$tds.eq(1).text('updated');//use the index to update the content

演示：Fiddle

Answer 2

这将使用TD更新第二个jQuery：

$(function() {
    $('table tr td:nth-child(2)').html('updated');
});

您可以编写一个循环来迭代，并在您想要的任意数量的单元格中执行此操作。

Fiddle here

Answer 3

使用jQuery代码：

$(document).ready(function(){
    $("tr :not(:first-child)").text("NEW TEXT");
});

查看此fiddle

jQuery - 通过文本在HTML表中选择一列

3 个答案: