Question

我用

等费用属性创建了图片

 <img src="http://www.macnetwork.org/images/icon_linkedIn.png" cost="280" alt=''/>

这里我将添加各种成本中的各种img标签。但是，当我选择img时，必须在名为<div>的{{1}}中添加费用

HTML Here

.cost

在此费用div中，我必须添加和减去所选每个图像的值。

如果主div中的图像1 和辅助div中的图像2 ，则成本应为 240

在更改图像时，同样明智的是，必须降低之前的成本并添加所选的图像成本。

我尝试更改脚本中的文字

 <div id="main">

<img src="http://www.small-icons.com/stock-icons/small-toolbar40.gif" cost="100" alt=''/>
 <img src="http://www.homeworldbusiness.com/media/icons/icon_mini_linkedin.png" cost="200" alt=''/>
 <img src="http://www.driscoll-const.com/images/skin/feed_icon.png" cost="300" alt=''/>
 <img src=" http://www.isos.com/sites/default/files/icon_images/cabling-small.png" cost="400" alt=''/>


 </div>
<div id="secondary">

<img src="http://www.macnetwork.org/images/icon_linkedIn.png" cost="280" alt=''/>
<img src="http://www.macnetwork.org/images/icon_rss.png" cost="140" alt=''/>
<img src="http://www.gogrid.com/gg/images/products/gg_prod_icon.png" cost="80" alt=''/>
<img src="http://www.lateralpaymentsolutions.com/images/contact_small_icon.jpg" cost="20" alt=''/>
 </div> 


 <div id="preview_section" style="clear:both">
 <div class="cost"></div>
<div id="main_img"></div>
  <div id="secondary_img"></div>
 </div>

如何使用jquery在这种情况下添加或减去值.... 我做了fiddle

Answer 1

最简单的方法是存储单独的费用。然后适当更新全局成本变量并重新计算总成本：

cost1 = parseInt($(this).attr("cost"));
var totalCost = cost1 + cost2;
$(".cost").text(totalCost);

注意：您需要parseInt()函数将成本字符串转换为整数。

注意2：可能还有其他方法（取决于您的实际要求甚至更好？）方法。例如，您可以使用选择器查找所选图像，这样您就不必将成本值存储在（全局）变量中。

请参阅updated fiddle。

Answer 2

您的错误是因为您正在使用文本而未使用任何添加内容。那么也许使用一个函数来计算成本？

function workOutCost(updatedPrice){
    var newPrice = Math(parseFloat($('.cost').innerHTML)+updatePrice);
    $('.cost').HTML(newPrice);
}

在div中添加成本

2 个答案: