jstree: Wie kann ich Werte ausgewählter Knoten summieren, deren direkter Elternteil nicht ausgewählt ist?

Question

Siehe Screenshots. Ich versuche, die Listenpreise ausgewählter Knoten zu summieren, deren direkter Elternteil nicht ausgewählt ist. Im beigefügten Beispiel wäre diese Summe 8,97 (2,62 + 0,29 + 0,29 + 0,29 + 0,29 + 2,57 + 2,62). Irgendwelche Vorschläge?

Hier ist der HTML-Code der jstree div:

<div aria-activedescendant="j1_7" aria-busy="false" aria-multiselectable="true" aria-selected="false" class="jstree jstree-1 jstree-default-dark jstree-default-dark-responsive jstree-checkbox-selection" id="MarketHierarchyContainer" role="tree" style="width:100%; margin-left:auto; margin-right:auto" tabindex="0"> 
     <ul class="jstree-container-ul jstree-children jstree-no-dots jstree-no-icons jstree-striped jstree-wholerow-ul" role="group"> 
      <li aria-expanded="true" aria-labelledby="j1_1_anchor" aria-level="1" aria-selected="false" class="jstree-node jstree-last jstree-open" id="j1_1" role="treeitem"> 
       <div class="jstree-wholerow" role="presentation"> 
        &nbsp; 
       </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_1_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox jstree-undetermined" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">ALABAMA (OTHER) (market)</span><span style="margin-left:720px; position:absolute">46.70</span></a> 
       <ul class="jstree-children" role="group" style=""> 
        <li aria-expanded="true" aria-labelledby="j1_2_anchor" aria-level="2" aria-selected="false" class="jstree-node jstree-last jstree-open" id="j1_2" role="treeitem"> 
         <div class="jstree-wholerow" role="presentation"> 
          &nbsp; 
         </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_2_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox jstree-undetermined" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">SRALABAMA (super region)</span><span style="margin-left:696px; position:absolute">12.12</span></a> 
         <ul class="jstree-children" role="group" style=""> 
          <li aria-expanded="true" aria-labelledby="j1_3_anchor" aria-level="3" aria-selected="true" class="jstree-node jstree-open" id="j1_3" role="treeitem"> 
           <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
            &nbsp; 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_3_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">BARBOUR (region)</span><span style="margin-left:681px; position:absolute">2.62</span></a> 
           <ul class="jstree-children" role="group" style=""> 
            <li aria-labelledby="j1_4_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_4" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_4_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">BAKERHILL (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_5_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_5" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_5_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">BLUE SPRINGS (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_6_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_6" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_6_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CLAYTON (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_7_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_7" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_7_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CLIO (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_8_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_8" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_8_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">EUFAULA (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_9_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf jstree-last" id="j1_9" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_9_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">LOUISVILLE (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
           </ul> 
          </li> 
          <li aria-expanded="true" aria-labelledby="j1_10_anchor" aria-level="3" aria-selected="false" class="jstree-node jstree-open" id="j1_10" role="treeitem"> 
           <div class="jstree-wholerow" role="presentation"> 
            &nbsp; 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_10_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox jstree-undetermined" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CHEROKEE (region)</span><span style="margin-left:681px; position:absolute">2.62</span></a> 
           <ul class="jstree-children" role="group" style=""> 
            <li aria-labelledby="j1_11_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_11" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_11_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CEDAR BLUFF (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_12_anchor" aria-level="4" aria-selected="false" class="jstree-node jstree-leaf" id="j1_12" role="treeitem"> 
             <div class="jstree-wholerow" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_12_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CENTRE (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_13_anchor" aria-level="4" aria-selected="false" class="jstree-node jstree-leaf" id="j1_13" role="treeitem"> 
             <div class="jstree-wholerow" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_13_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">GAYLESVILLE (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_14_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_14" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_14_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">LEESBURG (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_15_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_15" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_15_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">SAND ROCK (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
            <li aria-labelledby="j1_16_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf jstree-last" id="j1_16" role="treeitem"> 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
              &nbsp; 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_16_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">SPRING GARDEN (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
            </li> 
           </ul> 
          </li> 
          <li aria-expanded="false" aria-labelledby="j1_17_anchor" aria-level="3" aria-selected="true" class="jstree-node jstree-closed" id="j1_17" role="treeitem"> 
           <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
            &nbsp; 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_17_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CULLMAN (region)</span><span style="margin-left:681px; position:absolute">2.57</span></a> 
          </li> 
          <li aria-expanded="false" aria-labelledby="j1_22_anchor" aria-level="3" aria-selected="true" class="jstree-node jstree-closed" id="j1_22" role="treeitem"> 
           <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
            &nbsp; 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_22_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">PIKE (region)</span><span style="margin-left:681px; position:absolute">2.62</span></a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</body> 
</html> 

Answer 1

mit JQuery und die JavaScript-Filterfunktion, können Sie alle überprüft Knoten bekommen konnte und dann filtern, dass nur die Elemente, deren Mutter geprüft noch nicht .

var result = null; 
 
$(function() { 
 
\t // items clicked inside SRALABAMA (super region) 
 
\t var clickedItems = $('li#j1_2 ul a.jstree-anchor.jstree-clicked'); 
 
    \t //console.log(clickedItems); 
 
    \t 
 
    \t result = clickedItems.filter(function(i, anchorElement){ 
 
    \t \t //console.log('anchorElement', anchorElement) 
 

 
    \t \t var nodeID = anchorElement.id.replace('_anchor',''); 
 
    \t \t //console.log('nodeID',nodeID) 
 

 
    \t \t var parentNode = $(anchorElement).parents('li.jstree-node').not('li#'+nodeID)[0] 
 
    \t \t //console.log('parentNode',parentNode) 
 
\t \t 
 
\t \t if(parentNode){ 
 
\t \t \t var parenIsClicked = $(parentNode).find('a.jstree-anchor').first().hasClass('jstree-clicked') 
 
\t \t \t //console.log('parenIsClicked',parenIsClicked) 
 
\t \t } 
 

 
\t \t // return the 'anchorElement' whose parent has not been clicked 
 
    \t \t return !parenIsClicked 
 
    \t }); 
 

 
    \t var sum = 0; 
 
\t for(var i = 0; i < result.length; i++){ 
 
\t \t var spanWithPrice = $(result[i]).find('span').last(); 
 
\t \t var price = parseFloat($(spanWithPrice).text()); 
 
\t \t sum += price; 
 
\t } 
 

 
\t console.log(sum); 
 
});

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
<div aria-activedescendant="j1_7" aria-busy="false" aria-multiselectable="true" aria-selected="false" class="jstree jstree-1 jstree-default-dark jstree-default-dark-responsive jstree-checkbox-selection" id="MarketHierarchyContainer" role="tree" style="width:100%; margin-left:auto; margin-right:auto; display:none;" tabindex="0"> 
 
     <ul class="jstree-container-ul jstree-children jstree-no-dots jstree-no-icons jstree-striped jstree-wholerow-ul" role="group"> 
 
      <li aria-expanded="true" aria-labelledby="j1_1_anchor" aria-level="1" aria-selected="false" class="jstree-node jstree-last jstree-open" id="j1_1" role="treeitem"> 
 
       <div class="jstree-wholerow" role="presentation"> 
 
        &nbsp; 
 
       </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_1_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox jstree-undetermined" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">ALABAMA (OTHER) (market)</span><span style="margin-left:720px; position:absolute">46.70</span></a> 
 
       <ul class="jstree-children" role="group" style=""> 
 
        <li aria-expanded="true" aria-labelledby="j1_2_anchor" aria-level="2" aria-selected="false" class="jstree-node jstree-last jstree-open" id="j1_2" role="treeitem"> 
 
         <div class="jstree-wholerow" role="presentation"> 
 
          &nbsp; 
 
         </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_2_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox jstree-undetermined" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">SRALABAMA (super region)</span><span style="margin-left:696px; position:absolute">12.12</span></a> 
 
         <ul class="jstree-children" role="group" style=""> 
 
          <li aria-expanded="true" aria-labelledby="j1_3_anchor" aria-level="3" aria-selected="true" class="jstree-node jstree-open" id="j1_3" role="treeitem"> 
 
           <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
            &nbsp; 
 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_3_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">BARBOUR (region)</span><span style="margin-left:681px; position:absolute">2.62</span></a> 
 
           <ul class="jstree-children" role="group" style=""> 
 
            <li aria-labelledby="j1_4_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_4" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_4_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">BAKERHILL (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_5_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_5" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_5_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">BLUE SPRINGS (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_6_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_6" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_6_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CLAYTON (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_7_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_7" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_7_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CLIO (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_8_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_8" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_8_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">EUFAULA (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_9_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf jstree-last" id="j1_9" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_9_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">LOUISVILLE (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
           </ul> 
 
          </li> 
 
          <li aria-expanded="true" aria-labelledby="j1_10_anchor" aria-level="3" aria-selected="false" class="jstree-node jstree-open" id="j1_10" role="treeitem"> 
 
           <div class="jstree-wholerow" role="presentation"> 
 
            &nbsp; 
 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_10_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox jstree-undetermined" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CHEROKEE (region)</span><span style="margin-left:681px; position:absolute">2.62</span></a> 
 
           <ul class="jstree-children" role="group" style=""> 
 
            <li aria-labelledby="j1_11_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_11" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_11_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CEDAR BLUFF (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_12_anchor" aria-level="4" aria-selected="false" class="jstree-node jstree-leaf" id="j1_12" role="treeitem"> 
 
             <div class="jstree-wholerow" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_12_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CENTRE (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_13_anchor" aria-level="4" aria-selected="false" class="jstree-node jstree-leaf" id="j1_13" role="treeitem"> 
 
             <div class="jstree-wholerow" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor" href="#" id="j1_13_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">GAYLESVILLE (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_14_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_14" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_14_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">LEESBURG (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_15_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf" id="j1_15" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_15_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">SAND ROCK (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
            <li aria-labelledby="j1_16_anchor" aria-level="4" aria-selected="true" class="jstree-node jstree-leaf jstree-last" id="j1_16" role="treeitem"> 
 
             <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
              &nbsp; 
 
             </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_16_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">SPRING GARDEN (zone)</span><span style="margin-left:657px; position:absolute">0.29</span></a> 
 
            </li> 
 
           </ul> 
 
          </li> 
 
          <li aria-expanded="false" aria-labelledby="j1_17_anchor" aria-level="3" aria-selected="true" class="jstree-node jstree-closed" id="j1_17" role="treeitem"> 
 
           <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
            &nbsp; 
 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_17_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">CULLMAN (region)</span><span style="margin-left:681px; position:absolute">2.57</span></a> 
 
          </li> 
 
          <li aria-expanded="false" aria-labelledby="j1_22_anchor" aria-level="3" aria-selected="true" class="jstree-node jstree-closed" id="j1_22" role="treeitem"> 
 
           <div class="jstree-wholerow jstree-wholerow-clicked" role="presentation"> 
 
            &nbsp; 
 
           </div><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" id="j1_22_anchor" tabindex="-1"><i class="jstree-icon jstree-checkbox" role="presentation"></i><i class="jstree-icon jstree-themeicon" role="presentation"></i><span style="position:absolute">PIKE (region)</span><span style="margin-left:681px; position:absolute">2.62</span></a> 
 
          </li> 
 
         </ul> 
 
        </li> 
 
       </ul> 
 
      </li> 
 
     </ul> 
 
    </div> 
 

 
</body> 
 
</html>