Question

我有一个搜索，我仍然有点困惑。

我正在尝试使用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然后检查子元素的类名并将其与值进行比较然后我可以继续我想要的任何动作。

Answer 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

编辑（在你的评论之后）：

好的，根据您的评论，我认为您想要的是收听click元素上的a。如果要运行代码，也可以防止链接重定向发生。所以试试这个：

document.getElements('a').addEvent('click', function (event) {
    event.preventDefault();
    var check_this = this.getProperty('class');
    console.log(check_this);
});

然后，当您完成需要运行的代码后，可以使用window.location.href = this.getProperty('href');进行重定向。

检查 demo ，例如使用带网址的链接。

从div中按类名选择列表项

1 个答案: