保存按鈕的ID變量

一個整數點擊我對我身邊的幾個按鈕他們都有編號的命名爲「1」 - 「10」。我有一個單擊按鈕時調用的函數，我想使這個函數讀取按鈕ID並將其保存爲一個整型變量。這是我到目前爲止有：保存按鈕的ID變量

編輯：我更新了我的代碼與答案的建議。目前爲止沒有成功。它不提醒我這個ID。

JS/JQUERY

var transform = function(obj){ 
    var id = obj.id; 
    alert(id);  
}

HTML

<a href="JavaScript: transform(this)" id="b1"> 

<div class = "test" > </div> 
</a>

CSS

.test { 
     position: absolute; 
     width: 20%; 
     height: 10%; 
     background-color: black; 

    }

2017-01-12 Alter

您需要點擊事件 - href是不一樣的一個onclick事件。理想情況下，你會共同類型添加到所有這些鏈接，然後進行1簡單的處理程序：

<a class="link" id="1"> 
    <div class="h1"> 
     <img src="https://placehold.it/256" /> 
    </div> 
</a>

而jQuery的

$(".link").click(function(e) { 
    console.log(+this.id); 
});

2017-01-12 14:43:33 tymeJV

感謝。我試過你的方法，但它似乎並不奏效。你能檢查爲什麼嗎？ http://codepen.io/anon/pen/bgpJzK – Alter

@Alter - 'VAR ID = obj.id;' - '沒有定義obj' - 這是'this.id'的答案節目。檢查控制檯 - 你會看到錯誤。 – tymeJV

只要把

這

您的HTML這樣的

<a onclick="transform(this)" href="http://www.google.com" id="1">

通過這樣做，你可以得到的點擊的元素的JS對象，從它你可以輕鬆得到任何使用屬性的值。

var transform = function(obj){ 
     var id = obj.id; 
     alert(parseInt(id)); 
}

2017-01-12 14:58:38 gahse

謝謝。我嘗試了你的方法，但沒有成功。我將在主線程中發佈我的代碼。 – Alter

讓我在我的答案中進行一些更改。上次我很着急 – gahse

回答