Converting Html to array

by Good Muyis

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="field field-name-field-available-services">
  <div class="field-label">Available Services (and Charges):&nbsp;</div>
  <div class="field-items">
    <div class="field-item even"><span>Cleaning of Common Part</span> (<b>100</b>)</div>
    <div class="field-item odd"><span>Elevator</span> (<b>200</b>)</div>
    <div class="field-item even"><span>Gardner</span> (<b>150</b>)</div>
    <div class="field-item odd"><span>Generator</span> (<b>300</b>)</div>
  </div>
</div>

JavaScript

$(document).ready(function() {
  $(".field-name-field-available-services").append("==Done!==");
  
  //var n = $( ".field-name-field-available-services .field-item" ).length;
  var n = $( ".field-name-field-available-services .field-items" ).children().length;
  var sElement = $( ".field-name-field-available-services .field-items .field-item" )
  
  var slabel = $(".field-name-field-available-services .field-items span").html();
  var svalue = $(".field-name-field-available-services .field-items b").html();
  $(".field-name-field-available-services").append("<hr>"+ slabel+"="+ svalue + n + "<hr>");

$(sElement).each(function (index, value) { 

  console.log('sElement' + index + ':' + $(this).html());
});

  //End of Ready 
})