How do I get the img src inside a <li><div> tag?

Question

I'm trying to get the src of an image from a selected list item. The HTML looks like this:

<li id="player_7">
  <div class="nailthumb-container square-thumb">
    <img src="../photos/files/7/thumb/6c0f1676cdcb1a9a5215db3e12572450.jpeg" />
  </div>
</li>

I can currently get the player ID from the selected list element like so:

jQuery

$('#myDiv').find("li").click(function() {
    var user_id = $(this).attr('id').substr(7);
});

How can I get the img src from a selected list element?

Answer 1

If user_id corresponds to number in player ID, then try:

var src = $("#player_" + user_id + " img").prop("src");

Otherwise, respectively to the clicked list item:

$("#myDiv").find("li").click(function() {
    var src = $("img", this).prop("src");
});