Здравствуйте столкнулся с проблемой и пока не смог ее "красиво обойти".
Есть элементы HTML
<ul>
<li><a href="events" class="btn-menu">1</a></li>
<li><a href="about" class="btn-menu">2</a></li>
<li><a href="gallery" class="btn-menu">3</a></li>
<li><a href="connection" class="btn-menu">4</a></li>
<li><a href="teachers" class="btn-menu">5</a></li>
<li><a href="cooperations" class="btn-menu">6</a></li>
</ul>
Есть обработчик который должен получить href
jQuery(document).ready(function($) {
$('.btn-menu').on('click', function(event) {
event.preventDefault();
// получаем адрес для загрузки.
var href = './a_vie/content/' + $(this).attr('href') + '.php';
// закрываем меню
var e = jQuery.Event( "click" );
$( ".cd-close" ).trigger( e );
$('#modal-about').modal({
remote: href
});
});
});
Собственно при обращении к текущему элементу:
// получаем адрес для загрузки.
var href = './a_vie/content/' + $(this).attr('href') + '.php';
Получает данные первого элемента из класса btn-menu. Каким образом без существенного увеличения кода, решить проблему парсинга атрибутов у текущего элемента массива