Looks like that asterisk (*) were there just to show the area needing
the change as it does not work with them present.
On Dec 7, 9:03 am, TehNrd <jason.vena...@gmail.com> wrote:
> Thanks Dhruva! This works wonderfully. I looked right over the find
> function.
>
> I noticed that you put stars (*) around the find function. I don't
> have these at it seems to work fine. Do these serve a purpose or did
> you simply place them there to highlight the area needing the change?
>
> Thanks again!
> Jason
>
> On Dec 4, 7:04 pm, Dhruva Sagar <dhruva.sa...@gmail.com> wrote:
>
> > Hi,
>
> > I think the following modification to your code will solve your purpose.
>
> > $(document).ready(function(){
> > $("a").click(function(event){
> > //Loop through each productGroup div
> > $(".productGroup").each(function(i){
>
> > //Then for each div I'd like
> > to loop through the uniqueIDs.
> > *$(this).find('div').*
> > each(function(i){
>
> > alert($(this).html());
> > });
>
> > });
> > event.preventDefault();
> > });
> > });
>
> > Thanks & Regards,
> > Dhruva Sagar.
>
> > On Sat, Dec 5, 2009 at 3:33 AM, TehNrd <jason.vena...@gmail.com> wrote:
> > > I am pretty new to jQuery and I've dug through the documentation for a
> > > few hours and I haven't found the answer. I'm curious if you can limit
> > > a selector to only search within a defined div or other html tag.
> > > Below is the code with some notes so it should be pretty easy to
> > > understand but if not let me know and I can clarify.
>
> > > <html>
> > > <head>
> > > <script type="text/javascript" src="
> > >http://ajax.googleapis.com/ajax/
> > > libs/jquery/1.3.2/jquery.min.js"></script>
> > > <script type="text/javascript">
> > > $(document).ready(function(){
> > > $("a").click(function(event){
> > > //Loop through each productGroup
> > > div
> > >
> > > $(".productGroup").each(function(i){
>
> > > //Then for each div I'd
> > > like
> > > to loop through the uniqueIDs.
> > > $("select only the uniqueID
> > > in this productGroup div").each
> > > (function(i){
>
> > > alert($(this).html());
> > > });
>
> > > });
> > > event.preventDefault();
> > > });
> > > });
> > > </script>
> > > </head>
>
> > > <body>
> > > <a href="#">Go!</a>
>
> > > <div class="productGroup">
> > > <div class="products">
> > > <span class="uniqueID">1</span>
> > > <span class="uniqueID">2</span>
> > > <span class="uniqueID">3</span>
> > > </div>
> > > </div>
>
> > > <div class="productGroup">
> > > <div class="products">
> > > <span class="uniqueID">4</span>
> > > <span class="uniqueID">5</span>
> > > <span class="uniqueID">6</span>
> > > </div>
> > > </div>
> > > </body>
> > > </html>
>
> > > Thanks for the help,
> > > Jason
