无法通过两个div找到百分比

时间:2016-05-08 23:49:40

标签: javascript html

$(document).ready(function(){
   var a = document.getElementById("mrp4");
   var b = document.getElementById("mrp2");
   document.getElementsByClassName("dis").innerHTML = ((b.innerHTML*100)/a.innerHTML);
}

我想弄清楚我的两个多个产品的数量之间的百分比。我已经使用JavaScript来增加现在选择的数量。我可以将类添加到我的同一个div中,或者我可以使用id's,因为id'd将是相同的,只有类在循环中?

<div id= "mrp4">200 </div>
<div id= "mrp2">100 </div> <div id= "mrp2">120 </div>
<div class= "dis">50 </div> 
<div class= "dis">40 </div> 

1 个答案:

答案 0 :(得分:0)

我在这里也清理了一下。

(function() {
  var a = parseInt(document.getElementById("mrp4").innerHTML, 10);
  var b = parseInt(document.getElementById("mrp2").innerHTML, 10);
  var perc = (b * 100 / a);
  console.log(a, b)
  document.getElementById("dis").innerHTML = "% " + perc;
})();
<div id="mrp4">200</div>
<div id="mrp2">100</div>
<div id="dis"></div>