Question

我需要找到一个包含某些文本值的表格单元格，并将其更改为其他内容。

    <table><tr>
<td>You are nice</td>
<td>I hate you</td>
</tr></table>

找到包含“我恨你”的表格单元格，并将其更改为“我爱你”。

我如何在Jquery中做到这一点？

Answer 1

使用:contains选择器：

$('td:contains("I hate you")').text('....');

使用filter方法：

$('td').filter(function(){
   // contains
   return $(this).text().indexOf("I hate you") > -1;
   // exact match
   // return $(this).text() === "I hate you";
}).text('...');

或者：

$('td').text(function(i, text){
   return text.replace('I hate you', 'I love you!');
});

Answer 2

一个简单的contains选择器应该设置文本值

$("td:contains('I hate you')").text('I love you');

contains selector ref

Answer 3

使用querySelectorAll（“td”），遍历所有返回的元素并检查textNode的值。

var tds = document.querySelectorAll("td");
for (var i = 0; i < tds.length; i++) {
    if (tds[i].firstChild.nodeValue == "I hate you"){
        tds[i].firstChild.nodeValue = "I love you";
    }
}

更改表格单元格值jquery

3 个答案: