JSFiddle - React, Tailwind, and code Playground

by gubhaju

HTML

<div class="nsp_arts bottom" style="width:100%;">
            
                            
                                                        <div class="nsp_art" style="width:100%;"><div style="padding:2px 4px 2px 4px"><img class="nsp_image tleft fleft" src="/images/headers/zouk_tuesday.jpg" alt="Zouk Tuesday" style="width:628px;height:201px;margin:0px 0px 0px 0px;" /></div></div>
                                                        <div class="nsp_art unvisible" style="width:100%;"><div style="padding:2px 4px 2px 4px"><img class="nsp_image tleft fleft" src="/images/headers/instructors_2.jpg" alt="Instructors2" style="width:628px;height:201px;margin:0px 0px 0px 0px;" /></div></div>
                                                        <div class="nsp_art unvisible" style="width:100%;"><div style="padding:2px 4px 2px 4px"><img class="nsp_image tleft fleft" src="/images/home/zouk_saturday.jpg" alt="Zouk Saturday" style="width:628px;height:201px;margin:0px 0px 0px 0px;" /></div></div>
                                                        <div class="nsp_art unvisible" style="width:100%;"><div style="padding:2px 4px 2px 4px"><img class="nsp_image tleft fleft" src="/images/headers/PZ_HOME-BANNERS-SUNDAY-NIGHT2-01.jpg" alt="Jungle Fever" style="width:628px;height:201px;margin:0px 0px 0px 0px;" /></div></div>
                                                        <div class="nsp_art unvisible" style="width:100%;"><div style="padding:2px 4px 2px 4px"><img class="nsp_image tleft fleft" src="/images/headers/instructors_1.jpg" alt="Instructors1" style="width:628px;height:201px;margin:0px 0px 0px 0px;" /></div></div>

JavaScript

jQuery('.nsp_art img.nsp_image').each(function(){ 
   
    if(jQuery(this).attr('alt') == "Jungle Fever") {
         jQuery(this).wrap('<a href="http://www.zoukhq.com.au/MegaPartyWeekend/zouk-hq-events/zouk-hq-workshops.html" target="_blank">');   
    }
    if(jQuery(this).attr('alt') == "Instructors2") {
         jQuery(this).wrap('<a href="http://www.zoukhq.com.au/MegaPartyWeekend/instructors.html" target="_blank">');   
    }
    if(jQuery(this).attr('alt') == "Instructors1") {
         jQuery(this).wrap('<a href="http://www.zoukhq.com.au/MegaPartyWeekend/instructors.html" target="_blank">');   
    }
})