Question

I have a function that generates a unordered list of links and I want to use javascript to select the last 2 links so that I can align them to the right.

so in the following example I would need to select the li parent of link4 and link5, then add a class so i can style it

<ul>
<li>link1</li>
<li>link2</li>
<li>link3</li>
<li>link4</li>
<li>link5</li>
</ul>

In the end it should be something like this:

<ul>
<li>link1</li>
<li>link2</li>
<li>link3</li>
<li class="align_right">link4</li>
<li class="align_right">link5</li>
</ul>

Answer 1

Couldn’t you generate class=”align_right” for the last 2 links when you build the list?

By the way, if you want to do this by javascript, you could do:

//get the sidebarmenu element
var sidebar = document.getElementById('sidebarmenu');

//getting the ul inside the wrapper
var ul = sidebar.getElementsByTagName("ul")[0];

//getting al the li childs
var li = ul.getElementsByTagName("li");
var totLi = li.length;

if(totLi >= 2){ //setting class to last 2
    li[totLi-1].className = "align_right";
    li[totLi-2].className = "align_right";
}

Edit: updated for your particular needs

Running example:
http://www.jsfiddle.net/steweb/m4v2J/