Почему не получается получить href?

Question

[xemyl_17]

'btn-cat' - div контейнер с ссылками (кнопками). И имеем код, который при нажатии на одну из ссылок должен поместить её в linkCat, чего не происходит:

...
$('.btn-cat').click(function (e) {
        e.preventDefault();

        var linkCat = $(this).attr('href');
        var titleCat = $(this).text();

        document.title = titleCat;
        history.pushState({page_title: titleCat}, titleCat, linkCat);

        ajaxCat(linkCat);
    });
...

Пробовал посмотреть содержимое linkCat через alert, на что получал "undefined". В чем проблема?

Comments

[Daria Motorina]

Покажите кусок верстки, из которой пытаетесь достать href

[Дмитрий]

Добрый вечер.
Потому, что Вы через this обращаетесь к btn-cat, а надо к ссылке.
Вот как-то так
$('.btn-cat a ').on('click', function (e)

Answer 1

[Борис Шепелев]

Если 'btn-cat' это контейнер с ссылками. То тогда ваш код должен быть: ...$('.btn-cat a')...
А еще лучше используйте такую конструкцию: ...$(document).on('click',''.btn-cat a',function(e){...
Но в принципе это аналог:)

Comments

[Артур]

Не совсем аналог, первый вариант сработает если выполнять его когда элемент уже есть на странице.

второй вариант повесит событие даже если его выполнить до того, как элемент появится на странице.

Просто уточнение)