JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item-container cart-item">
    <div>
    
    <div class="item-header">
    <div class="item-body">
    <ul class="item-ul">
    <li>
    <li>
   <li>
    <span class="bold-14">Price:14.9 </span>
    </li>
      <li>
  <span>ShortId:1010 </span>
   </li>
   <li>
   <span>LongId:110-01-073-10 </span>
   </li>
      <li>
    <span class="spanDefCat">DefaultCat:334 </span>
    </li>
    </ul>
    </div>
    </div>
    <div class="item-footer"></div>
    </div>

JavaScript

$(".cart-item").each(function(){
    var shortId = $(this).find(".bold-14").parent("li").siblings("li").children("span").html();
    var shortItem = shortId.replace(' ','').split(":");
    var defaultCat = $(this).find(".spanDefCat").html();
    var item = defaultCat.replace(' ','').split(":");
    if(item[1]==0){
        //do something
        var id = parseInt(shortItem[1]);
    }else{
        //do something else
        var id = parseInt(shortItem[1]);
    }
    console.log(adsadasd);
    console.log(shortId);
});