Не работает селектор Jquery?

Question

[Илья Плотников]

Уже пол часа мучаюсь, помогите пожалуйста.

Структрура следующая: <img src=«jpg»

При щелчке на tr пытаюсь добыть атрибут src у изображения

var image = $(this).children(«img»).attr(«src»);

Пробовал следующее:

Назначал td класс image

var image = $(this).children(".image img").attr(«src»);

Напрямую

var image = $(this).children(«img»).attr(«src»);

Назначал img класс image

var image = $(this).children(".image").attr(«src»);

var image = $(this).children(«td .image»).attr(«src»);

var image = $(this).children(«td img»).attr(«src»);



Ничего из этого не работает. ЧДНТ?

Answer 1

[Константин Китманов]

.children() — это непосредственный потомок, то есть $(this).children('td') — будет работать, а $(this).children('img') — нет, т.к. у tr непосредственный потомок только td.
Так же, аргумент метода children — это фильтр.

Используйте .find(), не промахнетесь:)

Comments

[Илья Плотников]

Спасибо

[Вячеслав Плиско]

А почему бы не использовать сразу $(«td img», this).attr('src'), который выберет одним запросом

[lashtal]

еще сокращу: $('img', this).attr('src')

Answer 2

[Илья Плотников]

var image = $(this).children(«td»).children(«img»).attr(«src»);
Сразу после написания вопроса попробовал это. Заработало. Жуть =)

Comments

[Андрей]

Как вариант можно так:
$(this).find(«img»).attr(«src»);

Answer 3

[MT]

the .children() method allows us to search through the immediate children of these elements
.children() – jQuery API