jQuery(document).on('click', '.woocommerce-breadcrumb', function() { var eventLabel = jQuery(this).children('a').text().trim(); console.log(eventLabel); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <nav class ="woocommerce-breadcrumb"> <a href="#">home</a> <i class ="fa fa-angle-right"></i> <a href ="#">music</a> <i class ="fa fa-angle-right"></i> "album" </nav>HomeMusic inicio>música>álbum ==> cuando hago clic en música o en casa tanto en casa como en la impresión de música, pero quiero imprimir solo el enlace en el que se hizo clic
Siempre puedes hacer esto:
jQuery(document).on('click', '.woocommerce-breadcrumb a', function() { var eventLabel = jQuery(this).text().trim(); console.log(eventLabel) }); Moví la referencia a a en '.woocommerce-breadcrumb' y .find()
Manifestación
jQuery(document).on('click', '.woocommerce-breadcrumb a', function() { var eventLabel = jQuery(this).text().trim(); console.log(eventLabel) }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <nav class="woocommerce-breadcrumb"> <a href="#">home</a> <i class="fa fa-angle-right"></i> <a href="#">music</a> <i class="fa fa-angle-right"></i> "album" </nav>