Как выбрать этот конкретный элемент TD с его текстом с помощью Jquery

Question

Я хочу изменить "Да! Выбери меня" на "Выбрал" с помощью Jquery в следующей структуре HTML.Как мне выбрать это?Пожалуйста, пролите немного света, спасибо!

Я пробовал $ ('# 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>

Answer 1

Используйте селектор :contains.

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

Если вы не можете запросить содержащийся текст, сделайте это как

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

Answer 2

Вы можете использовать:

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

JS Fiddle demo .

Или:

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

JS Fiddle demo .

Ссылки:

• :contains селектор .
• :eq() селектор .

Answer 3

Это просто, просто добавьте класс к вашему тд, который вы хотите изменить следующим образом:

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

И JQuery

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