如何将计算器运算元素转换为字符串得到解然后return解返回到元素中？

Question

所以我在 codepen 中制作了一个 JQuery 计算器，我基本上是让按钮写出方程式。到目前为止，一切都很好。然而，一旦我试图取回计算结果，我运行遇到了一些问题。如何将 HTML 中的计算元素转换为 JQuery 中的变量字符串，然后将其 return 转换回 HTML 中作为解决方案？这是我的 codepen 项目 link，以及有问题的代码部分：http://codepen.io/Starkiller12/pen/eJYGXY

 $("#equal").click(function() {
   var x = $("p");
    $("p").empty();
   $("p").html(x);
  })

Answer 1

您的变量正在存储 jquery 对象，而不是其内容

所以var x = $("p");应该是var x = $("p").text();或者var x = $("p").html();

Answer 2

您可以按照以下方式进行操作：

$("#equal").click(function() {
    var arr = $('p').text().split('+');
    var first=parseInt(arr[0]);
    var two=parseInt(arr[1]);
    $("p").empty();
    $("p").html(first + two);
  })

到这里就完成加法(+)了。你可以为其他人做同样的事情。

Working Fiddle

如何将计算器运算元素转换为字符串得到解然后return解返回到元素中？

How to convert calculator operation element to a string to get the solution and then return the solution back into the element?

html

javascript

css

jquery

calculator