JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:void(0)" class="addToCart cart">Click Me...</a>

<select tabindex="1" id="country_id" name="country_id" sb="18062613" style="display: none;">
    <option value="1">6' - €6.66</option>
    <option value="2">12' - €12.12</option>
    <option value="3">14' - €14.14</option>
</select>

<div id="sbHolder_51608882" class="sbHolder" tabindex="1">
    <a id="sbToggle_51608882" href="#" class="sbToggle"></a>
    <a id="sbSelector_51608882" href="#" class="sbSelector menuItem">14' - €14.14</a>
         <ul id="sbOptions_51608882" class="sbOptions" style="display: none;">
              <li><a href="#1" rel="1">6' - €6.66</a></li>
              <li><a href="#2" rel="2">12' - €12.12</a></li>
              <li><a href="#3" rel="3" class="sbFocus">14' - €14.14</a></li>
         </ul>
</div>

<a href="javascript:void(0)" class="addToCart cart">Click Me...</a>
<span class="price menuItem">12' - €12.99</span>

JavaScript

$(".addToCart").on("click", function() {
    var $menuItem = $(this).next("div.sbHolder").find("a.menuItem");
    alert($menuItem.text());
});