在jQuery中使用.each（）定位孩子的孩子

Question

I'm iterating through the elements and grabbing the src attribute of the child of that element. I have this HTML code:

<noscript data-alt="super awesome">
    <img src="http://farm9.staticflickr.com/8235/8585847956_39864361e3.jpg" alt="something" />
</noscript>
<noscript data-alt="super awesome">
    <img src="http://farm9.staticflickr.com/8235/8585847956_39864361e3.jpg" alt="something" />
</noscript>

and jQuery:

$('body').children().each(function() {
  var noscriptTag = $(this)[0];

  var imgAlt = noscriptTag.getAttribute("data-alt");
  var img_src = noscriptTag.find('img');
  var img_regular = img_src.getAttribute("src");
  console.log(img_regular);
});

But I'm getting this error:

Uncaught TypeError: Object #<HTMLElement> has no method 'find'

I also tried various other combinations (like $(this).find('img'); ) without making it work.

Here's the demo: http://jsfiddle.net/LjWhw/

How do I target the img tag of that element? Thanks!

---

UPDATE: You can't target elements which are inside <noscript> with JavaScript.

Answer 1

You are trying to call find jQuery function on DOM object, Use jQuery object instead of DOM javascript object to call find on it.

Change

var noscriptTag = $(this)[0];

To

var noscriptTag = $(this);

Edit: You will also need to change the code accordingly eg img_src.getAttribute("src"); to img_src[0].getAttribute("src"); or img_src.attr("src");

Answer 2

I would suggest you to do it this way:

$('body').children().each(function() {
  var noscriptTag = $(this).find('noscript').first();
   //---------------^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^-----this way
  var imgAlt = noscriptTag.getAttribute("data-alt");
  var img_src = noscriptTag.find('img');
  var img_regular = img_src.attr("src");
  console.log(img_regular);
});

Answer 3

try this

http://jsfiddle.net/UQJsy/1/

$('noscript').each(function () {
    var noscriptTag = $(this);

    var imgAlt = noscriptTag.attr("data-alt");
    var img_src = noscriptTag.children('img');
    var img_regular = img_src.attr("src");
    alert(imgAlt);
});