Jquery Attr('src') Undefined In Ie 8 (works In Ff)

This has gotten so far,that I will sum up what we found out: Inside the event handler the attribute src cannot be read in IE8 (FF works fine), neither with jQuery nor with usual j

Solution 1:

children looks for immediate child elements only where as find looks for all the elements within it until its last child element down the dom tree. If you are saying find is working that means the element you are looking is not its immediate children.

Try to alert this jQuery(this).children('#Image_center').length see what you get.

FYI. Even when any element is not found jQuery will return an emtpy object it will never be null. So alert an emtpy object will always give you [object Object]. You should alwasy check for the length property of the jQuery object.

Try this

alert(jQuery(this).find('#Image_center').length);//To check whether element is found or not.

Solution 2:

Bing Bang Boom,

imgright = jQuery(".Image_right",this).attr('src');

Solution 3:

And why don't you easily use one working?

alert(jQuery(this).children('#Image_center').attr('src'));

change children to find

alert(jQuery(this).find('#Image_center').attr('src'));

It is probably the easiest solution, and when it work, why wouldn't you use it?

Solution 4:

the problem is not in the attr('src') but in something else. The following snippet works in IE8:

<imgid="xxx"src="yrdd"><scripttype="text/javascript">alert($('#xxx').attr('src'));

    </script>

But if you for example change the the text/javascript to application/javascript - this code will work in FF but will not work in IE8

Solution 5:

Try to make a delay:

jQuery(document).ready(function() {

  setTimeout(function () {

    jQuery('.blogentry').each(function(){
      // your code...
    });

  }, 100); // if doesn't work, try to set a higher value

});

UPDATE

Hope, this code will work.

$('.blogentry img').each(function(){
  alert( $(this).attr('src') );
});

UPDATE

I'm not sure, but maybe IE can't read classes with uppercase first letter... Try to change ".Image_center" to ".image_center"

UPDATE

Check your code again. You definitely have some error. Try this jsfiddle in IE8, attr('src') is showed correctly. http://jsfiddle.net/qzFU8/