JSFiddle - React, Tailwind, and code Playground

HTML

<p class="post-meta-ab"> <span>
        <a href="#">Diamond Burs set of 30 pcs A-24</a>
    </span>
    <br /> <span>
        <i class="icon-circle"></i>
        Details: Diamond Burs set of 30 pcs very useful assorted shapes
    </span>
    <br /> <span>
        <i class="icon-circle"></i>
        Shipping Weight: 100 gms
    </span>
    <br /> <span>
        <i class="icon-circle"></i>
        Price: &#8364; 2.50
    </span>
    <br /> <span>
        <i class="icon-circle"></i>
        Quantity: 
        <input type="text" style="width:20px" maxlength="100" name="a1" id="a1" />        
        <input type="submit" value="Add" style="margin-top:-8px" class="btn btn-danger" name="asubmit" id="a1sub" />
    </span>

</p>

CSS

.home-phone-icon {
      display: block;
      float: right;
      background: red;
      width: 40px;
      height: 40px;
      position: relative;
      top: -30px;
      right: -8px;
  }
  .home-nav-phone {
      z-index: 9999999;
      position: relative;
      width: 100%;
      top: 62px;
      left: 0px;
      display:none;
      margin:0 auto;
      pointer:cursor;
  }
  .home-nav-phone li {
      line-height: 45px;
      background:#2e2e2e;
      text-align: center;
      border-bottom: 1px solid white;
      z-index: 999;
  }
  .home-nav-phone li a {
      color: white;
      font-size: 14px;
      font-weight: bold;
  }

JavaScript

$('input[type=submit]').click(function () {
    var alldata = "";
    $('span').each(function () {
        var $span = $(this);
        var spanTxt = $span.text();
        alldata += spanTxt + " ";
    });
    alert(alldata);
});