Question

所以，我刚开始使用jQuery（我知道人们可能会说'你不需要jquery，只需使用js'，但我先学习jquery，然后是js）。

我正在制作一个简单的披萨计算器。您输入比萨饼，比萨饼直径和价格的数量，计算器将告诉您比萨饼的平方英寸和每平方英寸的成本。我稍后会添加第二组输入，并将比较两个答案，看看哪个披萨交易是最佳价值。

上面的小提琴显示了我的位置。我可以计算Sq Inches没问题。然后，我需要在下一次计算中使用Sq Inches的值来计算每平方英寸的成本，但无法弄清楚如何传递信息。

非常感谢任何帮助！

HTML：

<form>
<input class="qty" placeholder="# of pizza's"></input>
<input class="diameter" placeholder="Pizza diameter (In)"></input>
<input class="price" placeholder="Price"></input>
</form>
<div class="button">Calculate</div>
<h3>Sq Inches</h3>
<div class="sqinAnswerContainer"></div>
<h3>Cost per Sq In</h3>
<div class="costsqinAnswerContainer"></div>

JQUERY：

$(document).ready(function() {    
$(".button").click(function() {
    var qty = $("input.qty").val();
    var dia = $("input.diameter").val();
    var price = $("input.price").val();
    var pi = Math.PI;

    $(".sqinResult").after("<p class='sqinAnswer'>" + ((dia*dia)*pi.toFixed(2)) + "</p>");

    var sqinAnswer = $("p.sqinAnswer").val();

    $(".costsqinResult").after("<p>" + sqinAnswer + "</p>");


    });
});

Answer 1

也许尝试.text而不是val？显然，你会希望得到单位

var sqinAnswer = $("p.sqinAnswer").text();
$(".costsqinResult").after("<p>" + sqinAnswer/price + "</p>");

Answer 2

首先，我说你希望在divs squinReults和costsquinResults里面包含结果，在这种情况下我建议你使用append而不是after，另外你可以存储（（dia * dia）* pi.toFixed（2））在设置之前的一个变量中，如下所示：

var squinResults = ((dia*dia)*pi.toFixed(2));

$(".sqinResult").append("<p class='sqinAnswer'>" + squinResults  + "</p>");

var sqinAnswer = squinResults / $(".price").text();

$(".costsqinResult").append("<p>" + sqinAnswer + "</p>");

您能告诉我们您想要在costquinResults中准确投放什么内容吗？

Answer 3

以下是一种方法 - http://jsfiddle.net/Zr2Wa/4/

$(".button").click(function() {
        var qty = $("input.qty").val();
        var dia = $("input.diameter").val();
        var price = $("input.price").val();
        var pi = Math.PI;

        var sqin = (dia*dia)*pi.toFixed(2);
        var sqinTotal = qty * sqin;
        var costPerSqIn = (price / sqinTotal).toFixed(2); 

        $(".sqinResult").after("<p class='sqinAnswer'>" + sqinTotal + "</p>");
        $(".costsqinResult").after("<p>" + costPerSqIn + "</p>");            

    });

编辑：计算每平方英寸的成本

如何在jQuery中获取计算的值？

3 个答案: