addClass 'selected' to link, которая соответствует названию страницы

Question

Я пытаюсь настроить навигацию с помощью Wordpress, и мне сложно передать выбранный класс, соответствующий заголовку страницы, на ссылку, созданную для меня wp. Как я могу ссылаться на конкретную ссылку $(this) и добавить класс?

<div class="container menu_nav"> 
    <ul class="grid_12"> 
     <?php 
      $args = array('menu' => 'main-menu', 'echo' => false); 
      $navMenu = wp_nav_menu($args); 
      $pageTitle = get_the_title(); 
      echo '<span id="page_title">'.$pageTitle.'</span>'; 
      $stripTags = strip_tags($navMenu, '<li><a>'); 
      echo $stripTags; 
     ?> 
    </ul> 
</div> 

jQuery(document).ready(function($){ 
    var nav = '.menu_nav ul li a'; 
    var linkTitle = $(nav).attr('title'); 
    var arr = []; 
    var pageTitle = document.getElementById('page_title'); 
    var pageAttr = pageTitle.innerHTML; 
    var linkClass = document.getElementsByClassName("menu-item"); 

    $(nav).each(function() { 
     arr.push($(this).text()) 
    }); 

    for (var i = 0; i < arr.length; i++) { 
     if (arr[i] == pageAttr) { 
      $(linkClass).addClass('selected'); 
     } else { 
      $(linkClass).removeClass('selected'); 
     } 
    } 
    console.log(arr.join()); 
    console.log(linkTitle,pageAttr); 
}); 

Answer 1

Вы должны сделать это в одном цикле

$(nav).each(function() { 
     arr.push($(this).text()) ; 
     if ($(this).text() == pageAttr) { 
       $(this).addCass('selected'); 
      } 
}); 

Answer 2

вы удаляете класс «выбранный» от каждого элемента возвращается в linkClass каждый раз, когда вы найдете запись в обр который не соответствует вашему названию страницы и добавляет его в каждый элемент, когда вы его найдете.

Попробуйте следующее:

jQuery(document).ready(function($){ 
    var nav=$('.menu_nav ul li a'); 
    var pageTitle = $('page_title').text(); 

    nav.removeClass('selected'); 
    nav.each(function(item) { 
     if ($(item).text().toLowerCase() === pageTitle.toLowerCase()) 
      $(item).addClass('selected'); 
    }); 
});