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

شجرة حسابات باستخدام js

Muhammad Sharshar

السؤال

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...