JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<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-shipping">
        <div class="ps-text">
            You have blah blah blah...
        </div>
    </div>
</div>
<div id="showText"></div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

JavaScript

jQuery(function(){

		var getText = jQuery('.input-box').find('#preferred-shipping .ps-text').text().trim();
    var getText2 = "You have backordered items in your cart, please choose a shipping status."
    //jQuery('#showText').html('text = '+getText+'<br />text = '+getText2);
    if(getText===getText2) {
        jQuery(getText).closest('.input-box').hide();
        jQuery(getText).parent().hide();
    }
});