IE issue with Jquery methods

Question

I am having trouble getting an ID of an element. The codes work in FF and chrome but not IE. Can anyone help me about it? Thanks a lot

<td id='tdID'>
    <img id='test' src='a.jpg' class='imgClass' />
</td>

jquery

$('.imgClass').click(function(){
   ip=$(this).parent().attr('id');          

   //undefined in IE
   console.log(ip);
})

Have you put your codes inside `$(document).ready()`? Is this your original markup? — Ram, Aug 20 '12 at 18:09
`console.log` has some quirks in IE8. See [this question](http://stackoverflow.com/questions/690251/what-happened-to-console-log-in-ie8). — Cat, Aug 20 '12 at 18:11

score 2 · Accepted Answer · answered Aug 20 '12 at 18:12

2

<td>s must be inside a <table>. If they are not, most browsers will remove them from the DOM. So, the $(this).parent() might not be the element you think.

Here's a quick demo: http://jsfiddle.net/NTICompass/cyK3h/

answered Aug 20 '12 at 18:12

gen_Eric

223,194
41
299
337

Try to `console.log($(this).parent().prop('nodeName'))` to see if it's the right element. – gen_Eric Aug 20 '12 at 18:16
Yes, I did get a TD in console, but when I console.log(ip), it said 'empty string' +1 though – FlyingCat Aug 20 '12 at 18:27

epascarello · Answer 2 · 2012-08-20T18:37:23.973

1

Use prop, not attr

$('.imgClass').on("click", function(){
   var id = $(this).parent().prop("id");          
   console.log(id);
});

also in case you change the markup it might be safer to use closest

$('.imgClass').on("click", function(){
   var id = $(this).closest("td").prop("id");          
   console.log(id);
});

jsFiddle

edited Aug 20 '12 at 18:37

answered Aug 20 '12 at 18:32

epascarello

204,599
20
195
236

IE issue with Jquery methods

2 Answers2