JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="upsell2-products-list">
   <li>
      <a class="product-image" href="#" title="Dianna">
          <img src="" data-srcx2="" width="252" height="252" alt="Dianna" />
      </a>
      <a class="product-name" href="">Dianna</a>
      <div class="price-box">
         <span class="regular-price" id="product-price-570-upsell">
            <span class="price">$150.00</span>
         </span>
      </div>
      <div class="clear"></div>
      <div class="qty-container clearfix">
      <fieldset class="product-options" id="product-options-wrapper"> 
         <label>Color:</label> 
         <select name="super_attribute[272]" id="attribute272"  class="required-entry super-attribute-select"> 
            <option value="24">Black</option> 
          </select> 
      </fieldset> 
      
      <fieldset class="product-options" id="product-options-wrapper"> 
          <label>Size:</label> 
          <select name="super_attribute[969]” id=" attribute969”="" class="required-entry super-attribute-select"> 
             <option value="154">10</option> 
             <option value="190">5.5</option> 
             <option value="158">6</option> 
           </select> 
      </fieldset> 
    </div>
   <button type="button" id="570" title="Toss To Tote" class="button btn-cart"> <span><span>Toss To Tote</span></span></button>
 </li>
 </ul>

JavaScript

//alert(jQuery('#570').siblings('.qty-container').find('#product-options-wrapper').children('select#attribute272').val());


alert(jQuery(jQuery('#570').parent().find('#attribute272')).val());