como pegar o valor de um atributo de um elemento com jquery

Olá gente, boa noite!

Eu sei como pegar o valor de um atributo, mas estou com um problema! Tenho que pegar o valor do atributo name de apenas o elemento que a pessoa clicar!

Esse é um exemplo que montei:

<section>
	<ul>
 <li name="cap1">Capitulo 1
 <ul>
 <li name="link1"><a href="#" >Link 1</a></li>
 <li name="link2"><a href="#">Link 2</a></li>
 <li name="link3"><a href="#">Link 3</a></li>
 </ul>
 </li>
 <li name="cap2">Capitulo 2
 <ul>
 <li name="link1"><a href="#">Link 1</a></li>
 <li name="link2"><a href="#">Link 2</a></li>
 <li name="link3"><a href="#">Link 3</a></li>
 </ul>
 </li>
 <li name="cap3">Capitulo 3
 <ul>
 <li name="link1"><a href="#">Link 1</a></li>
 <li name="link2"><a href="#">Link 2</a></li>
 <li name="link3"><a href="#">Link 3</a></li>
 </ul>
 </li>
	</ul>
</section>

nao sei se vcs vao me entender mas preciso montar um link

Quando a pessoa clicar no link o jquery vai pegar os valores do atributo name clicado e vai montar um link da seguinte forma /cap2/link3.html

o arquivo link3.html sera carregado com .load() em uma outra section

Se existe alguma forma mais facil de fazer isso com com jquery, me explique por favor!