Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

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

Posted on 2011-03-18
8
131 Views
Last Modified: 2013-11-19
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
Comment
Question by:uxwebexpert
  • 2
  • 2
  • 2
8 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 35165392
Check if this one help : http://api.jquery.com/parents/
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35165736
please share the html structure for the same

or little reduced version of it

$(this).parent().parent().sibling('a:first').append(text);
0
 

Author Comment

by:uxwebexpert
ID: 35166714
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
Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 40

Expert Comment

by:gurvinder372
ID: 35166776
what does this return?

$(this).parents("li:last").find(a span).html();
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 35166820
$(this).parents("ul:eq(2)").find('a:first')

Open in new window

0
 

Author Comment

by:uxwebexpert
ID: 35168282
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question