Muhammad Sharshar

شكرأ لاهتمامكم أقصد ان مكان total here يظهر مجموع العناصر التي توجد تحت العنصر

أحاول عمل شجرة حسابات باستخدام js ولكن يواجهني مشاكل في الكود الكود التالي هو تنسيق الشجرة <div class="card-content"> <ol class="dd-list" type="1"> <li class="item">Main 1 <span class="price"> // total here</span></li> <ol class="dd-list"> <li class="item">Sub 1.1<span class="price"> // total here</span></li> <ol class="dd-list"> <li>Sub 1.3<a class="btn btn-primary shadow btn-xs sharp ml-1"><i class="fa fa-link"></i></a><span class="price"> // total here</span></li> <ol class="dd-list"> <li><a class="item">New Item 3</a><span class="pull-right price">60000 EGP</span></li> <li><a class="item">New Item 4</a><span class="pull-right price">70000 EGP</span></li> </ol> </ol> <li>Sub 1.2<a class="btn btn-primary shadow btn-xs sharp ml-1"><i class="fa fa-link"></i></a><span class="price"> // total here</span></li> <ol class="dd-list"> <li><a class="item">New Item 3</a><span class="pull-right price">50000 EGP</span></li> <li><a class="item">New Item 4</a><span class="pull-right price">60000 EGP</span></li> </ol> </ol> </ol> <ol class="dd-list" type="1"> <li>Main 2 <a class="btn btn-primary shadow btn-xs sharp ml-1"><i class="fa fa-link"></i></a></li> <ol class="dd-list"></ol> </ol> <ol class="dd-list" type="1"> <li>Main 3 <a class="btn btn-primary shadow btn-xs sharp ml-1"><i class="fa fa-link"></i></a></li> <ol class="dd-list"></ol> </ol> </div> الكود التالي هو كود ال js $(document).ready(function(){ var sum = 0; $('ol.dd-list').each(function(){ sum = 0; $(this).find("ol > li span").each(function(i, obj){ if($(this).text() !== ""){ sum += parseFloat($(this).text()); $(this).parent().parent().prev().find('.price').text(sum); } }); sum = 0; }); }); الصورة المرفقة توضح الالية التي اود تطبيقها ولكن كود ال js لا يعمل بالطريقة المرجوة ارجو المساعدة وشكراً