2012-05-31 18 views
1

有沒有辦法讓html指向一個javascript對象?可以將html指向JS對象

我知道我可以在JS中有一個哈希來將標籤id(或其他一些屬性)與JS對象相關聯,但是有沒有辦法將指向html對象的指針添加到JS對象?

<div id="user10"></div> 
<div id="user11"></div> 

然後在JS有

function getUserPointedByTag(tag){ 
    //this is what I would like to have without going through a hash 
} 
function myAwesomeUserDivClickHandler(clickedTag){ 
    user = getUserPointedByTag(clickedTag) 
} 
+1

我真的不明白你在問什麼。你的意思是你想要像'http://example.com/index.html?user = xx'這樣的東西嗎? – JJJ

+1

你究竟想達到什麼目的?有可能有更好的辦法:) – mattytommo

回答

0

我認爲你最好使用data-屬性存儲用戶ID。

<div class="user" data-userid="10"></div> 
<div class="user" data-userid="11"></div> 

這樣一來,你可以很容易地檢索與利用的元素相關聯的用戶ID:

document.addEventListener("click", function (e) { 
    var node = e.target.tagName ? e.target : e.target.parentNode; 
    var userId = e.getAttribute("data-userid"); 
    // Do something with the user ID 
}, false); 
+0

我想通過散列來獲得JS對象是不可避免的。 -謝謝。 – user1338111

0

閱讀問題幾次後,我認爲這是你想要什麼:

document.addEventListener('click', function (e) { 
    var node = e.target.tagName ? e.target : e.target.parentNode; 
    yourAwesomeUserDivClickHandler(node); 
}, false); 
相關問題