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

我在试着计算我的两个多重产品的数量之间的百分比。我已经使用JavaScript来增加数量和现在选择的数量。我可以将类添加到相同的div中吗？或者我可以使用id，因为id是相同的，只有类在循环中

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

200
100  120 
50
40

这里我也清理了一下

（函数（）{
var a=parseInt（document.getElementById（“mrp4”）.innerHTML，10）；
var b=parseInt（document.getElementById（“mrp2”）.innerHTML，10）；
var perc=（b*100/a）；
控制台日志（a，b）
document.getElementById（“dis”）.innerHTML=“%”+perc；
})();
200
100
.getElementsByClassName（）
提供了元素的集合（注意其名称中的复数
getElements
）。在集合上设置属性不会自动更新集合中的所有元素。您需要访问索引（可能在循环中）才能访问和修改特定元素。您能试着解释一下您希望更好地完成什么吗？我无法完全理解你发布的内容。你有两个id相同的div“mrp2”，它们包含不同的值。我在我的页面上列出了替代项，并想显示额外折扣的金额，“>检查此项，你可能会更好地了解我不需要百分之三的值：document.getElementById（“dis”）.innerHTML=perc+“%”在#dis div中给出50%的分数？是的。我查看了网站，比这更复杂。
document.getElementById（“dis”）.innerHTML=“SAVE”+perc+“%more per STRIP”；
<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>