jquery - onclick valye 等于 html 编号

Question

我创建了一个计算器，我希望当我点击一个数字时，它会给我内部的 html 值，因为我不需要创建很多变量

例如：

如果 html - 8 单击此 div 将带来 8 的值，依此类推

$('number').on('click', function() {
$(this).html(value);
});

这是链接代码：

http://jsfiddle.net/mtrh5/24/

很高兴有任何建议

谢谢，

Answer 1

首先，您错过了.选择器中用于指示班级的 。

你value是点击按钮的文本，$(this).text().

trim()删除尾随空格。

您必须将该结果附加到输出 div。

$('.number').on('click', function() {
    var resultDiv = $('#result'); //The output.
    var current = resultDiv.html(); //Get the current html.
    resultDiv.html(current + $(this).text().trim()); //Append clicked text.
});

在这里摆弄。

Answer 2

尝试这个：

var result = 0;
var plus = 0;
$('.number').on('click', function () {
    result = this.innerHTML;
    $('#result').append(result);
});
$('#plus').on('click', function () {
    plus = parseInt($('#result').html());
    $('#result').html('');
});
$('#equal').on('click', function () {
    var equal = plus + parseInt($('#result').html());
    $('#result').html(equal);
    plus = 0;
});
$('#clear').on('click', function () {
    $('#result').html('');
});

演示在这里

您.在类选择器中忘记了 a ，您可以使用：

$(this).html()或事件更好：this.innerHTML

Answer 3

Try this :

$(document).ready(function(){
    $('.number').click(function(){
       $('#result').append(parseInt($(this).text()));
    });
});

JSFiddle here : http://jsfiddle.net/mtrh5/31/

Answer 4

$('.number').on('click', function() {
alert($(this).text());//also use html
});

demo