Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 141
  • Last Modified:

looking for a better way to traverse up the dom using jquery

Hi,

I am looking for a cleaner, better way to write the following line of code.  Within my current infrastructure I can't add id's or classes to identify specific dom elements.  I need to traverse up the dom a specific # of steps to append to the element.  I would like to find a better way of traversing up instead of chaining.  Thanks much, the line of code is here...

$(this).parent().parent().parent().find('a:first').append(text);
0
uxwebexpert
Asked:
uxwebexpert
  • 2
  • 2
  • 2
1 Solution
 
leakim971PluritechnicianCommented:
Check if this one help : http://api.jquery.com/parents/
0
 
Gurvinder Pal SinghCommented:
please share the html structure for the same

or little reduced version of it

$(this).parent().parent().sibling('a:first').append(text);
0
 
uxwebexpertAuthor Commented:
With the below example I want to append where li a span = Test, when I click on either 1, 2, 3, 4, or 5.               



                   <ul>  
                                    <li><a><span>Test ></span></a>
                                          <ul>
                                             <li><a href="#"><span style="display:none">Select Category > </span>TestA</a>
                                                      <ul>
                                                            <li><a>1</a></li>
                                                            <li><a>2</a></li>
                                                            <li><a>3</a></li>
                                                            <li><a4</a></li>
                                                            <li><a>5</a></li>
                                                      </ul>
                                             </li>
                                                             </ul>
                                    </li>
                              </ul>
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Gurvinder Pal SinghCommented:
what does this return?

$(this).parents("li:last").find(a span).html();
0
 
leakim971PluritechnicianCommented:
$(this).parents("ul:eq(2)").find('a:first')

Open in new window

0
 
uxwebexpertAuthor Commented:
leakim971 - thanks! it worked.  It was referencing the wrong ul, but I am sure it was how I submitted my markup.  I appreciate your help!
0

Featured Post

Become an Android App Developer

Ready to kick start your career in 2018? Learn how to build an Android app in January’s Course of the Month and open the door to new opportunities.

  • 2
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now