JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<div class="input-box">
    <div id="preferred-shipping">
        <div class="ps-icon">
            <i class="fa fa-exclamation-triangle fa-3x" aria-hidden="true"></i>
        </div>
        <div class="ps-text">
            You have backordered items in your cart, please choose a shipping status.
        </div>
        <div><h4 class="icon-head head-edit-form fieldset-legend"></h4>
		<fieldset id="amorderattr"></fieldset>
		</div>
	</div>
</div>		
<br />
<div class="input-box">
    <div id="preferred-shipping2">
        <div class="ps-text">
            You have blah blah blah...
        </div>
    </div>
</div>
<div id="showText"></div>

JavaScript

jQuery(function(){
  $('.input-box').filter(function(){
      return $(this).find('#preferred-shipping .ps-text').text().trim()==='You have backordered items in your cart, please choose a shipping status.';
  }).hide();
});