使用 JQuery 从 Div Table 中的按钮获取值 - 在 JavaScript 中制作

Question

$('#table').click(function(){
    var value1 = "" ;
    value1 =  $(this).val();
    alert(value1);
});

我试图从任何按钮获取值以在 jQuery 函数中回显，但奇怪的是没有任何效果。

这是完整文件 --> 不是很大 http://jsfiddle.net/yr2x7dnd/1/

Answer 1

改变

value1 =  $(this).val();

至

value1 = $(this).attr("value");

Answer 2

固定要加载的 jQuery 版本数后，您需要更改事件处理程序以处理动态添加的元素。

变化：

$('#table').click(function(){
    var value1 = "" ;
    value1 =  $(this).val();
    alert(value1);
});

至：

$(document).on('click', '#table input',function () {
    var value1 = "";
    value1 = $(this).val();
    alert(value1);
});

当您确实想要用户点击的输入时，您还试图获取 div 的值属性。

Using JQuery to get the values from the buttons in Div Table - made in JavaScript