在Jquery上獲取未定義的id消息的動態按鈕事件

Question

我正在嘗試創建動態按鈕並單擊事件。創建動態按鈕正在工作，但當我克服它，我收到未定義的消息。我的錯誤是什麼？對不起我的郎。 Thx提前。我的代碼如下：

$(function(){ 
    var i = 1; 

$('button').on('click',function(){ 
     var r= $('<input type="button" class="dinamik" value="new button '+ i +' "/>'); 
     $("body").append(r); 
     i++; 
    }); 
}); 

    $(function(){ 
     $(document).on('click', '.dinamik', function(){ 
      var valueDeger = $(this).find('.dinamik').attr('value'); 
      alert("Value değeri: " + valueDeger); 
    }); 
}); 

Demo is here.

Answer 1

裏面的單擊事件處理程序，this referes到按鈕本身，就沒有必要使用find方法：

$(function(){ 
    $(document).on('click', '.dinamik', function(){ 
     var valueDeger = $(this).attr('value'); 
     alert("Value değeri: " + valueDeger); 
    }); 
}); 

JSFiddle Demo。

---

使用val()方法，而不是attr('value')建議，請參閱本Stack Overflow question。

Answer 2

改變這一點：

var valueDeger = $(this).find('.dinamik').attr('value'); 

這樣：

var valueDeger = $(this).val(); // or this.value; 

---

的問題是$(this)指的是你的input[type="button"]，你正在努力尋找其中的.find('.dinamik')單擊元素，這不在那裏，所以這就是爲什麼它是未定義的。

Answer 3

從

var valueDeger = $(this).find('.dinamik').attr('value'); 

更改爲

var valueDeger = $(this).val(); 

Answer 4

Demo

試試這個

$(function(){ 
    var i = 1; 
    $('button').on('click',function(){ 
     var r= $('<input type="button" class="dinamik" value="new button '+ i +' "/>'); 
     $("body").append(r); 
     i++; 
    }); 
}); 

$(function(){ 
    $(document).on('click','.dinamik', function(){ 
     var valueDeger = $(this).val(); 
     alert("Value değeri: " + valueDeger); 
    }); 
});