Jquery - Removing Empty Text Nodes IE

Question

I have a problem with IE where I have "Empty text nodes" loaded in my tr . If I run

 $('#myTr').children().length 

and

 $('#myTr').find('td').length 

I get the same value, which means that these nodes are not registered in jquery. Selector :empty returns without anything.

In addition, if I remove these nodes manually from the IE debugger, the format changes, so something happens there.

Here is what I see in the IE debugger (IE 8, btw):

Any ideas? It makes us nuts ..

Answer 1

Found the answer here:

Remove spaces and line breaks between HTML elements with jQuery

There is an error in IE9 that caused my problem:

http://javaevangelist.blogspot.com/2013/01/internet-explorer-9-ie9-table-white.html

Answer 2

HTML is agnostic in the form of spaces, so it doesn't matter that there are empty text nodes. I suspect that you have a slightly different problem that can be solved by deleting text nodes.

For example, manually deleting text nodes can result in a re-planning or redrawing of a document that corrects a rendering error. Or maybe messing with the nodes in the hasLayout debugger triggers in the parent (assumption).