Jquery：从新div中的动态生成按钮获取文本

Question

以下是一些使用jquery动态生成的内容。

<div id="response">
    <button id="high" class="btn-key-main">high</button>
    <button id="last" class="btn-key-main">last</button>
</div>

如何在id =“solution”的div中获取单击（高或最后）按钮的内容？ 这是我试过的：

$("#response").on("click", 'button.btn-key-main', function() {
    $("#solution").html($(this).val());
});

@slicedtoad和@smerny解决

.val（）应该是.html（）或.text（）

$("#solution").html($(this).html());

Answer 1

http://jsfiddle.net/o4fyqvk7/

$("#response").on("click", 'button.btn-key-main', function() {
    $("#solution").html($(this).text());
});

Answer 2

此处记录了

$('.selector').val：http://api.jquery.com/val/

如果您希望按钮文字使用$('.selector').text() http://api.jquery.com/text/

通常，为按钮添加值是个好主意。 只需使用HTML value=''属性。

然后你可以做一些事情，比如改变按钮上的可见语言而不破坏JS。