Pegar elementos após um clique

Olá a todos, boa noite.
Pessoal, gostaria de saber como que faço para pegar dois valores após um clique e armazena-los em arrays diferentes.

Suponha que eu tenha o seguinte código HTML abaixo que represente um menu com seus sub-menus.

<ul class="menuClasses">
 <li>
 <a href="#" class="itemMenu" id="Disease">+ Disease</a>
 <div class="conteudoMenu">
 <a href="#" id="name">- name</a>
 <a href="#" id="class">- class</a>
 </div>
 </li>

 <li>
 <a href="#" class="itemMenu" id="Drug">+ Drug</a>
 <div class="conteudoMenu">
 <a href="#" id="name">- name</a>
 <a href="#" id="indication">- indication</a>
 <a href="#" id="metabolism">- metabolism</a>
 <a href="#" id="pregnancyCategory">- pregnancyCategory</a>
 </div>
 </li>
</ul>
Onde após eu clicar em algum elemento da minha class **conteudoMenu **além de pegar o valor do id que estar dentro da minha tag **<a></a>** também pegasse o valor do id da minha class **itemMenu.**

Tentei da seguinte maneira abaixo, mas infelizmente só retorna o valor do id que estar dentro da classe conteudoMenu.

// Pega o elemento do Menu

function itemMenu(){
 $(".itemMenu").click(function(){
 $(this).attr("id");
 });
}

// Pega os subelementos do menu no click

$(".conteudoMenu a").click(function(){
 var subMenu = $(this).attr("id");
 alert(itemMenu() + " - " + subMenu)
});

Alguém poderia me dizer aonde que estou errando e como que faço para corrigir?

Desde de já obrigado pela ajuda de todos.

Abraço.