JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<!-- Versions: 
/22/= verison with nth-child(3) 
/24/= version with last 
***/26/= version for Order Receipt *** 
/27/28/29/30= Start on basket 
/32/ Breakthrough on eq(0) 
/33/ work on qty 
***/35/ Working code for Basket Page*** 
/38/39/40/41/42 work on iCat pages 
-->

<body>
    <div id="productList">
        <div class="prods">
            <ul class="prodsGrid productlistMn gridStyle">
                <li style="padding: 0px;">
                    <form id="addproductt11bo30100000001form" method="get" action="http://jmldirect.uat.venda.com/bin/venda" name="formt11bo30100000001">
                        <div class="image" id="comp-imaget11bo30100000001">	<a id="t11bo30100000001" href="http://jmldirect.uat.venda.com/uk/housewares/uv-ultra-vac-bumper-offer/invt/t11bo30100000001" class="moredetail"><img alt="UV Ultra Vac Bumper Offer" name="small" src="http://jmldirect.uat.venda.com/content/ebiz/shop/invt/t11bo30100000001/uv_ultravac_rt_s.jpg"></a>

                        </div>
                        <div id="details-t11bo30100000001" class="details" style="min-height: 39px;">
                            <div class="imgSource hide">http://jmldirect.uat.venda.com/content/ebiz/shop/invt/t11bo30100000001/uv_malt2.jpg</div>
                            	<h2 style="min-height: 34px;">
		<a href="http://jmldirect.uat.venda.com/uk/housewares/uv-ultra-vac-bumper-offer/invt/t11bo30100000001" id="comp-namet11bo30100000001" class="moredetail">UV Ultra Vac Bumper Offer</a>
		<!--  script to add average review detail -->
				

		
			<!-- no reviews yet -->
		
		

		
	
	
	</h2>

                            <div class="invtdesc2" style="min-height: 48px;">SAVE £10 when you buy UV Ultra Vac, UV Ultra Vac Replacement Filter and Bobble Off&nbsp;&nbsp;</div>
                            <div class="priceContainer" style="min-height: 20px;">
                                <div class="price-msrp">
                                    <p class="price">£85.97</p>
                    ...

JavaScript

$(document).ready(function () {
    // Define Li's
    var ICATfirstli = $('#productList ul').children('li:eq(0)');
    var ICATfirstSKU = $('.prods ul li:first').find('form','id').text();
    var ICATsecondli = $('#productList ul').children('li:eq(1)');
    var ICATsecondSKU = $(ICATsecondli).find('.sku').text();
    var ICATthirdli = $('#productList ul').children('li:eq(2)');
    var ICATthirdSKU = $(ICATthirdli).find('.sku').text();
    
    // Inject html div with result

    // 1
    $(".ICATfirstSKUDIV").text(ICATfirstSKU);
    
    // 2
    
    // 3
});