JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<!-- Stackoverflow iteration at version 6 -->
<!-- Working version 9 -->

<li style="padding: 0px;">
    <form id="addproductb13jn60100000001form" method="get" action="http://jmldirect.uat.venda.com/bin/venda" name="formb13jn60100000001">
        <div class="image" id="comp-imageb13jn60100000001">	<a id="b13jn60100000001" href="http://jmldirect.uat.venda.com/uk/personal-accessories/belvia-jeans/invt/b13jn60100000001" class="moredetail"><img alt="Belvia Jeans" name="small" src="http://jmldirect.uat.venda.com/content/ebiz/shop/invt/b13jn60100000001/Belvia_Jeans_salt3.jpg"></a>

            <div style="visibility: hidden;" class="quickLinkBox buyLink">
                <div class="quickLinkBoxBackground"></div><a class="quickBuyFast" id="b13jn60100000001" href="http://jmldirect.uat.venda.com/uk/personal-accessories/belvia-jeans/invt/b13jn60100000001&amp;temp=quickBuyFast&amp;layout=noheaders">Quick Buy</a>

            </div>
            <div style="visibility: hidden;" class="quickLinkBox viewLink">
                <div class="quickLinkBoxBackground"></div><a class="quickBuyDetails" id="b13jn60100000001" href="http://jmldirect.uat.venda.com/uk/personal-accessories/belvia-jeans/invt/b13jn60100000001&amp;temp=quickBuyDetails&amp;layout=noheaders">Quick View</a>

            </div>
        </div>
        <div id="details-b13jn60100000001" class="details" style="min-height: 56px;">
            
            	<h2 style="min-height: 51px;">
		<a href="http://jmldirect.uat.venda.com/uk/personal-accessories/belvia-jeans/invt/b13jn60100000001" id="comp-nameb13jn60100000001" class="moredetail">Belvia Jeans</a>
		<!--  script to add average review detail -->
<span class="plist-review-container">	
			
			<img alt="" src="http://jmldirect.uat.venda.com/content/ebiz/shop/resources/images/rating45.png" style="display:inline-block;">
			<span class="plist-review-total">(53) <b><!--  reviews --></b></span>
		</span>
</h2>

            <div class="invtdesc2" style="min-height:...

JavaScript

// Working but only taking the first value of the first AJAX-produced li element

jQuery(document).ready(function () {
   jQuery('div.prods ul.prodsGrid li').each(function(){
    var self = jQuery(this);
    jQuery('.CTA_btn_iCAT a', self).attr('href', jQuery('form a', self).attr('href'));
});
});