Javascript：在不使用ID的情况下使用元素

Question

我有以下 HTML ：

<div class="filter_dropdown_con">

<a class="trigger" href="0">all items</a>

<div class="dropcontainer">

<ul class="dropdownhidden">

<li><a href="1">first item</a></li>
<li><a href="2">second item</a></li>
<li><a href="3">third item</a></li>

</ul>

</div>

</div>

在我的 JS 中，我在li元素的级别上使用以下代码：

// get href of <a> tag of a clicked li tag
liahref=this.getElementsByTagName('a')[0].href;

// remove domain path, ie. remove everything until the slash
liahref=liahref.substring(liahref.lastIndexOf("/") + 1);

// put it into the href of the trigger a tag
trigger.href = liahref;

我的问题：在最后一行ob上面的JS中，我怎么才能解决包含被点击的li元素的div结构的触发元素？因为当我写“trigger.href”时，所有触发元素也在同一页面上的其他div结构中，其中包含类似“触发器”类的下拉菜单获取值。

**已编辑：**

背景：上面的JS摘录是将选择菜单转换为带li元素的下拉菜单的主要JS脚本的一部分。这是完整的脚本：

http://jsfiddle.net/9dy7D/