헤더의 메뉴에 대한 요소의 ID를 가져 오는 방법은 무엇입니까?

나는 워드 프레스 테마를 편집 중입니다. (이 : Onetone theme) 테마를보고있는 집과 같은 일부 페이지를 제공하지 않으려합니다 (이미 연락 했음). 그래서 각 페이지에는 특정 id와 각각의 링크가있는 메뉴가있는 < 섹션이있을 것입니다.헤더의 메뉴에 대한 요소의 ID를 가져 오는 방법은 무엇입니까?

이미 증명 확인했습니다

<?php 
$sections = array('home','A','B','C','D');// home,A,B,C,D are the ids of the section added manually 
foreach ($sections as $section) { 
    echo '<li class="onetone-menuitem"><a class="onetone-menu-link" id="onetone-menu-'.$section.'" href="#'.$section.'" > 
<span>'.$section.'</span></a></li>'; 
}?>

을하지만 당신이 볼 수 있듯이, 내가 프로그래밍 섹션의 ID를 얻을 수 없습니다. 어떻게 할 수 있습니까? 감사.

출처

2015-02-07 Leonardo Rignanese

코드가 제대로 작동하므로 문제가 정확히 무엇입니까? –

@ GavinSimpson 문제는 페이지의 섹션의 ID를 $ 섹션에 프로그래밍 방식으로 추가하는 것입니다. –

그만하면 충분하지 않습니다. 처음에 섹션을 어떻게 만듭니 까? –

jQuery를 사용하여 섹션 ID를 추출하면 다음과 같이 시작할 수 있습니다. 이 코드를 PHP 또는 HTML 파일에 붙여넣고 브라우저에서 호출 할 수 있습니다. 변경이 필요한 유일한 것은 jquery.js입니다.

<!doctype html> 
<head> 
<script type='text/javascript' src='http://localhost/lccs/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script> 
<style> 
.menu-item 
{ 
    display: inline-block; 
    padding: 1em; 
    background-color: #444; 
} 
</style> 
<script language="javascript"> 
jQuery(document).ready(function($) 
{ 
     $("section").each(function() 
     { 
      var menucode="<span class='menu-item'><a href='#"+this.id+"'>Item</a></span>"; 
      $("#menu-items").append(menucode); 
      console.log(menucode); 
     }); 
}); 
</script> 

</head> 
<body> 
<main id="main" class="site-main" role="main"> 
<aside class="menu-aside"> 
<h4>Menu</h4> 
<span id="menu-items"></span> 
</aside> 
<article class='student type-student status-publish hentry'> 
</article> 
</main> 
<h1>Heading</h1> 
<section id="seca-1"><h2>Section A</h2> 
</section> 
<section id="seca-2"><h2>Section B</h2> 
</section> 
<section id="seca-3"><h2>Section C</h2> 
</section> 
<section id="seca-4"><h2>Section D</h2> 
</section> 
</body> 
</html>

출처

2015-02-08 08:29:16

Thanks !! 잘 작동합니다! –

헤더의 메뉴에 대한 요소의 ID를 가져 오는 방법은 무엇입니까?

답변

관련 문제