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

[RickSilva 0]

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!

[William Bruno 1501]

$('ul').find('a').on('click', function(event) {

event.preventDefault();

var $this = $(this);

 

var aName = $this.attr('name');

var liName = $this.parents('li').attr('name');

var link = liName + '/' + aName + '.html';

 

console.log(link);

});