2014-09-27 209 views
3

因此,我一直在挠头,以获取点击按钮的ID,但是无法正确理解。它始终返回我undefined获取被点击的按钮的ID

这里的小提琴:http://jsfiddle.net/thinkinbee/mx0rb5cy/

有没有,我还没有列入我的小提琴的东西吗? 。我的JS代码有问题吗?

我参考了以前的问题,但似乎没有任何工作。我试图实施$(this).attr("id")this.id,但没有任何积极的结果。

也在更长的时间去我的所有按钮将动态。任何东西额外我将需要处理呢?

回答

6

如果按钮是动态的,您应该使用document.on。

我收到了你拨弄着这样工作:http://jsfiddle.net/1ehy66k9/

$(document).on('click', '.ui-btn', function() { 
    alert("Clicked with Id "+$(this).attr('id')); 
}); 
+0

作品完美@Jim感谢,但只是第二次思想此功能会将我的所有按钮都归还给我?有没有其他的只能从一个特定的div获得按钮(原谅我在jquery和JS上不好,我刚开始弄脏我的手) – thinkinbee 2014-09-27 13:24:49

+0

我对选择器也不是很好。像这样? http://jsfiddle.net/92400whm/ – 2014-09-27 13:31:06

1

试试这个 -

HTML -

<a class="ui-btn ui-btn-inline ui-mini" id="check" onclick="chkAlert(this)">click me</a> 

的JavaScript -

var chkAlert = function(t){ 
    alert("Clicked with Id "+$(t).attr('id')); 

}; 

http://jsfiddle.net/mx0rb5cy/6/

1

你需要发送按钮进入功能变量this

<a class="ui-btn ui-btn-inline ui-mini" id="check" onclick="chkAlert(this)">click me</a> 

,然后接受它里面的功能(你可以命名为任何你想要的功能里面)

var chkAlert = function(caller){ 
    alert("Clicked with Id "+caller.id); 
}; 

Example

2

你应该通过this作为参数:

<a class="ui-btn ui-btn-inline ui-mini" id="check" onclick="chkAlert(this)">click me</a> 
var chkAlert = function(elem){ 
    alert("Clicked with Id "+$(elem).attr('id')); 
    alert("Clicked with Id "+elem.id); 
}; 

JSFiddle Demo

1

你可以通过ID像的onclick =“chkAlert(this.id)”功能,请尝试如图

<a class="ui-btn ui-btn-inline ui-mini" id="check" onclick="chkAlert(this.id)">click me</a> 


var chkAlert = function(id){ 
    alert("Clicked with Id "+id); 
    alert("Clicked with Id "+id); 
};