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
