Jquery selector not working?

Question

JavaScript

I've been suffering for half an hour, please help.
The structure is as follows: <img src="jpg"
When I click on tr, I try to get the src attribute from the image
var image = $(this).children("img").attr("src");
Tried the following:
Assigned td class image
var image = $(this).children(".image img").attr("src");
Directly
var image = $(this).children("img").attr("src");
Assigned img class image
var image = $(this).children(".image").attr("src");
var image = $(this).children("td .image").attr("src");
var image = $(this).children("td img").attr("src");

None of this works. CHDNT?

Answer 1

.children() is an immediate child, so $(this).children('td') will work, but $(this).children('img') won't because tr has only td as an immediate child.
Also, the argument of the children method is a filter.
Use .find(), don't miss it :)

Answer 2

var image = $(this).children("td").children("img").attr("src");
Tried this right after posting the question. Earned. Horror =)

Answer 3

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