As Paolo mentioned, despite how it looks in a browser's source, the
internal representation within the DOM may be different depending on
the browser.
In one browser it could be:
overflow: auto; width: 356px; height: 100px;
in another it could be:
overflow:auto; width:356px; height:100px;
in another it could be:
overflow:auto;width:356px;height:100px;
There's got to be a better way to achieve what you want to do. Since
we have no idea what you're trying to do, maybe you could explain it
as to what the rhyme or reason to the selection sets you're trying to
select is.
Looking at the code you've provided, is it possible to use the ID in
anyway? You could do selections with conditions like "if ID begins
with 'ext-gen'" and other conditions along with that. As long as
you're not trying to read the style string.
On Aug 26, 4:06 am, John <jian.fang.subscr...@gmail.com> wrote:
> Thanks.
>
> Here is the html source,
>
> <div id="x-form-el-ext-comp-1043" class="x-form-element"
> style="padding-left: 130px;">
> <div id="ext-gen438" class="x-form-field-wrap" style="width:
> 360px;">
> <input id="programId" type="hidden" name="programId"
> value=""/>
> <input id="ext-comp-1043" class="x-form-text x-form-field
> x-combo-noedit" type="text" autocomplete="off"
> size="24" readonly="true" style="width: 343px;"/>
> <img id="ext-gen439" class="x-form-trigger x-form-arrow-
> trigger" style="overflow: auto; width: 356px; height: 100px;"
> src="images/s.gif"/>
> </div>
> </div>
>
> The style in the jQuery selector should match the one defined in the
> html source. I wonder if I
> did any other thing wrong here.
>
> Thanks,
>
> John
> On Aug 26, 6:45 am, Paolo Chiodi <chiod...@gmail.com> wrote:
>
> > Maybe that that the style attribute value should be exactly equal to
> > the one contained in html. I think style="A:B C:D" doesn't match
> > style="C:D A:B".
> > May also be that the browser has an internal rapresentation of the
> > style attribute slightly different from the one written in the html
> > (never tried to see with firebug some differen orders?).
>
> > Otherwise if you create the style attribute by using .css('A','B'),
> > you can't be sure of what the entire style attribute could be.
>
> > Paolo
>
> > On Tue, Aug 25, 2009 at 11:22 PM, John<jian.fang.subscr...@gmail.com> wrote:
>
> > > Thanks Maurício for your quick response.
>
> > > I have a program to automatically generate jQuery selectors based on
> > > some UI element attributes and seems your syntax is not always
> > > working. For example,
>
> > > 1) working: $('div:has(input[type=text][readonly=true], img
> > > [style="overflow: auto; width: 356px; height: 100px;"]) img')
>
> > > 2) Not working: $('div:has(input[type=text][readonly=true]
> > > [style="width: 343px;"], img[style="overflow: auto; width: 356px;
> > > height: 100px;"]) img')
>
> > > 3) Not working: $('div:has(input[type=text][readonly=true], img
> > > [style="overflow: auto; width: 356px; height: 100px;"]) img
> > > [style="overflow: auto; width: 356px; height: 100px;"]')
>
> > > 4) Not working: $('div:has(input[type=text][readonly=true]
> > > [style="width: 343px;"], img[style="overflow: auto; width: 356px;
> > > height: 100px;"]) img[style="overflow: auto; width: 356px; height:
> > > 100px;"]')
>
> > > Here "not working" means it returns empty object where it should
> > > return non-empty object.
>
> > > Do you know what is wrong?
>
> > > Thanks again,
>
> > > John
>
> > > On Aug 25, 2:50 pm, "Mauricio \(Maujor\) Samy Silva"
> > > <css.mau...@gmail.com> wrote:
> > >> Sintax for the selector is:
>
> > >> $('img[style="overflow: auto; width: 356px; height: 100px;"]')
>
> > >> Maurício
> > >> -----Mensagem Original-----
> > >> De: John
> > >> Para: jQuery (English)
> > >> Enviada em: terça-feira, 25 de agosto de 2009 14:36
> > >> Assunto: [jQuery] jQuery selector for style attribute
>
> > >> Hi,
>
> > >> I want to select the following image using jQuery selector to see if I
> > >> could use the style attribute,
>
> > >> <img id="ext-gen439" class="x-form-trigger x-form-arrow-trigger"
> > >> style="overflow: auto; width: 356px; height: 100px;" src="images/
> > >> s.gif"/>
>
> > >> but seems the selector
>
> > >> img[style=overflow: auto; width: 356px; height: 100px;]
>
> > >> does not work at all. What would be the correct selector for the style
> > >> attribute?
>
> > >> Thanks in advance,
>
> > >> John
>
>
