اذهب إلى المحتوى

السؤال

نشر

أحاول عمل شجرة حسابات باستخدام 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 لا يعمل بالطريقة المرجوة

ارجو المساعدة وشكراً

Capture.JPG

Recommended Posts

  • 0
نشر (معدل)

الكود يعمل معي بالصورة التي ارفقتها 

قد لا اكون استوعبت المشكلة 

هل تتفضل بشرحها اكثر حتى يمكن المساعدة سواء من طرفي او من طرف احد الاساتذة الكرام؟

 

test.php

تم التعديل في بواسطة محمد المصري5

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...