Question

I’m having trouble with a specific selector in IE 7 and 8. This works in Chrome, Safari, IE 9, and Firefox:

$('span[id*="import"][style*="width:100%"]').hide();

However, in IE 7/8 the [style*=""] doesn’t seem to work at all. I can’t even get

$('span[style*="width"]');

to return anything, which it certainly should.

The width of 100% is the only thing differentiating the spans that I’m looking for on the page.

Any help?

Answer 1

Try differentiating by class and not by style.

Not all browsers have all the styles the same way. Some browsers turn % into px

So make all the spans that have width: 100% have a certain class which you can then manipulate:

$('.width100Class').doSomething(...)