货币提取jQuery

作者: 子阳
发布时间: 2024-12-21 01:03:50 (23小时前)
转自：

3 条回复

0#
回复此人
polo | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在 <code> var difference </code> ，你正在选择一个带有的字符串 <code> $ </code> 和 <code> , </code> ，这在一个数字中无效。你需要从字符串中取出那些字符串，如下所示： </p> <pre> <code> var difference = parseFloat($(this).find('.budget').text().replace(',','').replace('$','')) - parseFloat($(this).find('.budget').text().replace(',','').replace('$','')); </code> </pre> <P> 看到 <a href="https://jsfiddle.net/63wm1r01/4/" rel="nofollow noreferrer"> 这个jsfiddle </A> 。 </p> <P> 编辑： </p> <P> 如果您决定使用美元符号以外的其他内容，则可以使用正则表达式 <code> /[0-9\.]+/g </code> 相反。我认为这个解决方案实际上要好得多。 <a href="https://jsfiddle.net/63wm1r01/21/" rel="nofollow noreferrer"> 这里的 </A> 一个jsfiddle，我用一个替换了前者的变化 <code> getFloat() </code> 功能。这适用于任何种类的货币。 </p> </DIV>

编辑
1#
回复此人
Colin | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你不能使用 <code> var difference = $(this).find('.budget') - $(this).find('.budget'); </code> 因为那些是jQuery对象，如果你想使用这些的数值，我建议你最初使用它们存储它们 <code> data- </code> 属性。 </p> <P> 例： </p> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-js lang-js prettyprint-override"> <code> var name1 = { name: "John", money: 44721.90 }; var name2 = { name: "Mayer", money: 16715.79 }; var names = [name1, name2]; function show() { var numFormat = new Intl.NumberFormat("en-US"); for (var i = 0; i < names.length; i++) { // I've added a data-rawvalue attribute, which will store the raw value for you to use in sums $(".money").append('<div class="extract' + [i] + '"><span class="name">' + names[i].name + ' </span><span class="budget" data-rawvalue="' + names[i].money + '"> $' + numFormat.format(names[i].money) + '</span></div><br>'); } } show(); function extraction() { for (var i = 0; i < names.length; i++) { $(".extract" + [i]).click(function() { var currentCoin = $(this).find('.budget'); // Here, we use .data("rawvalue") to get the raw value we stored earlier var difference = $(this).find('.budget').data("rawvalue") - $(this).find('.budget').data("rawvalue"); $(currentCoin).html('$' + difference); }) } } extraction(); </code> </pre> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="money"></div> </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑

登录后才能参与评论