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

Question

我想在以下HTML结构中使用Jquery将“Yes！Pick me”更改为“Picked”。我该如何选择它？请多说清楚，谢谢！

我尝试了$（'＃myDiv＆gt; table＆gt; 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>

Answer 1

您可以使用：

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

JS Fiddle demo

或者：

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

JS Fiddle demo

参考文献：

• :contains selector。
• :eq() selector。

Answer 2

使用:contains选择器。

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

如果您无法查询包含的文本，请执行

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

Answer 3

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

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

和jquery

$("td.to-change").html("Picked!");