This one i tried my previous task its working properly. When we have links on your page but you want to open them in a new tab (when visitors are navigating to another website).Do we need the class to be evaluated at the time of the click, or can the the link be flagged to open in a new window based on whether it has the class on load .
we use this function
$(document).ready(function () { var eve= $(".header-menu-secondary-nav .header-menu-level-container .categories2 .Events a.header-menu-level3-anchor")[0].innerText; if (eve === "Mini Smile Makeover - Composite hands on courses") { $(".header-menu-secondary-nav .header-menu-level-container .categories2 .Events ul li:first-child a").attr("target","_blank"); } var mini= $(".header-menu-secondary-nav .header-menu-level-container .categories2.Find.a.Dentist a.header-menu-level3-anchor")[0].innerText; if (mini === "Find a Dentist") { console.log("if header=", mini) $(".header-menu-secondary-nav .header-menu-level-container .categories2.Find.a.Dentist a.header-menu-level3-anchor").attr("target","_blank"); } var blo= $(".header-menu-secondary-nav .header-menu-level-container .categories2.Blog a.header-menu-level3-anchor")[0].innerText; if (blo === "Blog") { $(".header-menu-secondary-nav .header-menu-level-container .categories2.Blog a.header-menu-level3-anchor").attr("target","_blank"); } var msm= $(".header-menu-secondary-nav .header-menu-level-container .categories2.Mini.Smile.Makeover a.header-menu-level3-anchor")[0].innerText; if (msm === "Mini Smile Makeover") { $(".header-menu-secondary-nav .header-menu-level-container .categories2.Mini.Smile.Makeover a.header-menu-level3-anchor").attr("target","_blank"); } });