JSFiddle - React, Tailwind, and code Playground

by MGames

HTML

<div id="product-zoom-close">×</div>
      <header><div id="cart-link" style="display: none;"><a href="#cart" id="goto-cart-link">0</a><a href="#checkout" id="checkout-now"><span>CHECK OUT</span></a></div>
        <h1 class="supreme-navigation touch">
          <svg class="back-button" enable-background="new 0 0 15 26" height="26px" id="Layer_1" version="1.1" viewBox="0 0 15 26" width="15px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <polygon fill="#222222" points="12.885,0.58 14.969,2.664 4.133,13.5 14.969,24.336 12.885,26.42 2.049,15.584 -0.035,13.5 "></polygon>
          </svg>
          <a href="#categories" id="categories-link" class="supreme-link"><img alt="Supreme" src="//d17ol771963kd3.cloudfront.net/assets/mobile/title-logo-2-801a42becced058452954e23784cbc3e.gif" width="75" height="23"></a>
        </h1>
      </header>

    <div id="main" role="main" style="opacity: 1;"><div>
  <div id="product" data-product-id="170745">
  <h2 id="name">Supreme®/Schott® Chief Tassel Perfecto</h2>
    <p id="style-name">Black</p>
    <div id="style-image"><div id="style-image-container" class="swipe" style="visibility: visible; opacity: 1;"><div class="swipe-wrap" style="width: 1240px;"><div class="swiper-image-container" style="width: 1240px; left: 0px; transition-duration: 0ms; transform: translateX(0px); visibility: visible;" data-index="0"><img style="visibility: visible;" src="//d17ol771963kd3.cloudfront.net/137089/rs/gwtWehM9UA4.jpg" width="300" height="300"></div></div></div><div class="clearfix"></div></div>
  </div>
  <div id="product-widgets" class="with-fade clearfix  " style="opacity: 1;"><div id="widgets-container">

<span class="price">
  
  
  $798
  
  
</span>

      
      <p id="in-cart" style="display: none;">in cart</p>

      
      
    
      <span class="needsclick select-widget  enabled" id="size-options-link">Medium</span>
      
      <select id="size-options"...

JavaScript

//$("#size-options").find("option:contains('Large')");

$('#size-options option:contains(Large)').attr('selected', true);

$('#size-options option:contains(XLarge)').attr('selected', false);
$('#size-options option:contains(Medium)').attr('selected', false);

$('#widgets-container #cart-update .cart-button').removeClass('cart-button').addClass('cart-button delete');

$('#widgets-container #cart-update .cart-button').text('remove');

$('#widgets-container #in-cart').removeAttr( 'style' );

$('#widgets-container #size-options-link').css({ display: "none" });

$('#cart-link').removeAttr( 'style' );

$('#cart-link #goto-cart-link').text('1');