Tengo el siguiente HTML/PHP
<h4 class="termNames"> <?php $terms = get_terms('case_study_categories', array( 'orderby' => 'name', 'order' => 'ASC', 'exclude' => array(), ) ); $exclude = array("Cleanrooms", "Mezzanine Floors", "Interiors", "Fitout"); $new_the_category = ''; foreach ($terms as $term) { if (!in_array($term->name, $exclude)) { ?> <li class="<?php echo $term->slug; ?>" data-filter=".<?php echo $term->slug; ?>"><span class="tick"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"> <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/> </svg></span> <?php echo $term->name; ?></li> <?php } } ?> </h4>Lo que quiero hacer es agregar una clase activa al li que coincida con ese término según la url de taxonomía. Por lo tanto:
Si la url termina con /all-case-studies entonces quiero encontrar el li con la clase .all-case-studies y agregar una clase adicional de active y trigger('click');
Manualmente lo siguiente funciona:
$('.term-58').each(function() { $(this).find('.all-case-studies').addClass('active').trigger('click'); });Sin embargo, puede ver que si tengo varias páginas de archivo de términos, tendré que seguir agregando manualmente jquery según la clase de cuerpo del término.
¿Cómo puedo hacerlo dinámico donde, dependiendo de la página de términos, encontrará la clase correcta y agregará la clase adicional y el activador?
Por lo tanto, si la página de archivo termina /todos-los-estudios-de-casos/ocio Entonces encuentre:
<li class="<?php echo $term->slug; ?>y agregue la clase de activo y disparador