2013-08-20 103 views
0

我有一个搜索,我还是有点疑惑。选择列表项从DIV

我想从使用mootools的div中的类名选择一个列表元素。

的HTML是

<div class="someDiv"> 
    <ul class="aList"> 
    <li class="listItem0"> 
     <a href="#" class="nameVaries"> 
     </a> 
    </li> 
    <li class="listItem1"> 
     <a href="#" class="nameVaries"> 
     </a> 
    </li> 
    </ul> 
</div 

我一直在使用check = $(event.target)getElement('a').getProperty('class');和发送检查控制台检查什么我都试过,但它是一个空值。我需要指出正确的方向。我很确定我需要从DOM中选择div,然后检查子类名称并将其与一个值进行比较,然后我可以继续进行任何我想要的操作。

+0

你的HTML格式不正确。每个锚点元素的开始标记缺少闭角尖括号。 –

回答

1

有点不清楚你想做什么,但请评论,如果我猜错了。

你刚刚错过了代码中的一个点。要获取类a元素的当您单击someDiv元素,你可以使用:

document.getElements('div.someDiv').addEvent('click', function() { 
    var check = $(event.target).getElement('a').getProperty('class'); 
    console.log(check); 
}); 

您还可以使用var check = this.getElement('a').getProperty('class');

演示here

EDIT(您的评论后):

好了,从您的评论我想你想要的是听clicka元素。如果您有要运行的代码,也可以防止发生链接重定向。所以,试试这个:

​​

然后,您可以做重定向与window.location.href = this.getProperty('href');当你与你需要运行代码来完成。

检查demo例如与URL链接。

+0

这是有点我正在寻找。使用你的小提琴作为指导,我阅读有关事件代表团的方式意味着它必须从父部分开始,所以我可能不清楚我在找什么。我基本上想要这个布局,但点击“某些文本”部分来触发一个针对“类名”进行检查的事件。 所以我需要设置事件上的“a”,而不是父DIV? – aldo

+0

@aldo,你检查我的更新答案吗?那是你在找什么? – Sergio

+0

@aldo,当然。您可以发布一个新问题。我在这里还有几个小时(还有很多我看到的,所以你会得到答案)。将在mootools标签 – Sergio