I've tried - $("ul.form").find("input,select,textarea,option,[EMAIL PROTECTED]") and - $("ul.form").find(":input")
And neither of those work!!! I've removed file="type" from the input just to make sure that is the problem and everything works fine if its gone. Any more ideas? On May 25, 7:14 pm, Daemach <[EMAIL PROTECTED]> wrote: > Try $("fieldset").find(":input") to grab all form fields. (http:// > docs.jquery.com/DOM/Traversing/Selectors) > > If that doesn't work, [EMAIL PROTECTED] should pick it up. > > On May 25, 9:08 am, fambizzari <[EMAIL PROTECTED]> wrote: > > > Unfortunately, whilst your suggestions work excellently, the following > > piece of code: > > > $("fieldset").find("input,select,textarea,option") > > > does not work with > > > <input type="file"/> > > > Any idea what i should do to fix it? > > > On May 25, 3:50 pm, fambizzari <[EMAIL PROTECTED]> wrote: > > > > Thanks Guys. > > > > Most helpful > > > > On May 25, 11:32 am, George Adamson <[EMAIL PROTECTED]> > > > wrote: > > > > > Daemach2's solustion would do it, and if your <li> elements are nested > > > > inside other <li> elements, you may wish to restrict the parents() > > > > method to > > > > match only the first <li> up the tree by using > > > > $(this).parents('li:first').addClass('on'); instead, that way you won't > > > > set > > > > addClass('on') for more than one <li> > > > > > George > > > > > Daemach2 wrote: > > > > > > You should be able to do: > > > > > > $(function() > > > > > { > > > > > $("fieldset").find("input,select,textarea,option").focus > > > > > (function() > > > > > { > > > > > $(this).parents('li').addClass('on'); > > > > > } > > > > > ) > > > > > .blur > > > > > (function() > > > > > { > > > > > $(this).parents('li').removeClass('on'); > > > > > } > > > > > ); > > > > > > }); > > > > > > On May 24, 9:48 pm, fambizzari <[EMAIL PROTECTED]> wrote: > > > > >> Hi everyone, > > > > > >> Imagine the following HTML scenario: > > > > > >> <li> > > > > >> <label for="title_new">Title</label> > > > > >> <div class="input"><input name="title_new" > > > > >> id="title_new"/></div> > > > > >> </li> > > > > >> <li> > > > > >> <label for="message_new">Message</label> > > > > >> <div class="input"> > > > > >> <div> > > > > >> <div> > > > > >> <div> > > > > >> <input name="message_new" > > > > >> id="message_new"/> > > > > >> </div> > > > > >> </div> > > > > >> </div> > > > > >> </div> > > > > >> </li> > > > > > >> How could i modify the following jquery code so that it effects the > > > > >> parent <li> and and not the parent node: > > > > > >> $(function() > > > > >> { > > > > >> $("fieldset").find("input,select,textarea,option").focus > > > > >> (function() > > > > >> { > > > > >> this.parentNode.className = "on"; > > > > >> } > > > > >> ) > > > > >> .blur > > > > >> (function() > > > > >> { > > > > >> this.parentNode.className = ""; > > > > >> } > > > > >> ); > > > > > >> }); > > > > > >> I hope that makes sense. > > > > > -- > > > > View this message in > > > > context:http://www.nabble.com/Finding-a-parent-list-item.-tf3814215s15494.htm... > > > > Sent from the JQuery mailing list archive at Nabble.com.