2013-08-20 141 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