如何使用Jquery选择此特定的td元素及其文本

How to select this specific td element with its text with Jquery

本文关键字：元素 td 文本 Jquery 何使用 选择      更新时间：2023-09-26

我想用以下HTML结构中的Jquery将"Yes！Pick me"更改为"Picked"。我应该如何选择它？请放些光，谢谢！

我尝试了$（'#myDiv>table>tr'）.eq（1），但不知道如何继续。。。

 <div id="myDiv">
        <table>
          <tr>
            <td>Not me..</td>
            <td>Not me..</td>
          </tr>
          <tr>
            <td>Not me..</td>
            <td>Yes! Pick me~ </td>
          </tr>
    </table>
    </div>

使用:contains选择器。

$('#myDiv').find('td:contains(Yes! Pick me~ )').text('Picked');

如果您无法查询包含的文本，请像一样进行查询

$('#myDiv tr:eq1(1) td:last').text('Picked');

您可以使用：

$('td:contains("Yes! Pick me~ ")');

JS Fiddle演示。

或者：

$('tr:eq(1) td:eq(1)');

JS Fiddle演示。

参考文献：

  • :contains选择器
  • :eq()选择器

很简单，只需在td中添加一个想要更改的类：

<td class="to-change">Yes! Pick me~</td>

和jquery

$("td.to-change").html("Picked!");
相关文章：