That may not be an option, at least now. The reason is that the jQuery
selector is automatically generated by a framework, which may be
rather random and difficult to set another class.
The first thing is to get it work. As long as the syntax is correct,
it
should work fine, right? I care more about the correctness of the
syntax.
Thanks,
John
On Aug 25, 5:36 pm, James <james.gp....@gmail.com> wrote:
> Couldn't you just set another class for where you have that long style
> attribute? That'll make it so much nicer and less error prone for what
> you're trying to achieve. I'm not telling you that you need to remove
> the inline style, but just added another class on the element where
> you have the inline style. It'll make the jQuery selection easier.
>
> On Aug 25, 11:22 am, 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
