JQuery: ближайший / родитель не работает

Question

JQuery: ближайший / родитель не работает

0

У меня есть базовая таблица HTML с кнопкой в каждой строке. Нажав на кнопку, я хочу предупредить текст со второго TD в том же TR.

По какой-то причине нижеследующее не работает и либо ничего не возвращает, либо null (в зависимости от того, пытаюсь ли я использовать.text() или.html()). родитель, а не ближайший. Может ли кто-нибудь сказать мне, что я делаю неправильно здесь? (Моя таблица имеет идентификатор "myTable", и все TR находятся в TBODY, если это необходимо.)

Пример TR:

<tr><td style="width:30%"><strong>Row 1:</strong></td><td id="fldRow1" style="width:60%">test text</td><td><button type="button" id="copyRow1" onclick="copyOutput()">Copy</button></td></tr>

Функция JS:

function copyOutput() {
    var output = $(this).closest('tr').find('td:eq(1)').text();
    alert(output);
}

Большое спасибо за любую помощь в этом, Тим.

user2571510 15 апр. 2014, в 14:30

Источник

1

Поскольку вы используете jQuery, почему вы используете встроенные события?
epascarello 15 апр. 2014, в 12:16
0

Благодарю. Могу ли я достичь этого, используя только JavaScript? Мне нужны встроенные события в этом случае.
user2571510 15 апр. 2014, в 12:39
0

Ну, jQuery - это JavaScript, так что вы уже используете только JavaScript. И нет, вам не понадобятся встроенные события в этом случае.
epascarello 15 апр. 2014, в 12:40

Показать ещё 1 комментарий

Теги:

javascript

jquery

css-selectors

parent

closest

1 ответ

Ещё вопросы

Поскольку вы используете jQuery, почему вы используете встроенные события?
Благодарю. Могу ли я достичь этого, используя только JavaScript? Мне нужны встроенные события в этом случае.
Ну, jQuery - это JavaScript, так что вы уже используете только JavaScript. И нет, вам не понадобятся встроенные события в этом случае.

Tushar Gupta · Accepted Answer · 2014-04-15T09-00-00.000Z

this в вас код не относится к текущему элементу, который относится к объекту окна.

HTML

+ Изменить

onclick="copyOutput()"

в

onclick="copyOutput(this)" //pass refer of the current element

JS

function copyOutput(el) { //el get current element clicked
    var output = $(el).closest('tr').find('td:eq(1)').text();
    alert(output);
}

Отлично - это работает! Спасибо за быструю помощь. Приму, как только смогу.