Как получить href ссылки Jquery?

Question

[Максим]

Пытаюсь получить доступ к атрибуту href ссылки с классом remove
сами ссылки на удаления объектов получаю аяксом
вот мой код

function renderCand (data) {
	$("a#countCandidates > span.badge").text(data.length);
	$("#listCandidates").empty();
	data.forEach(function(item){
		$("#listCandidates").append('<tr>'+
                '<td>'+item.id+'</td>'+
                '<td>'+item.name+'</td>'+
                '<td>'+
                	'<a href="#" class="thumbnail">'+
						'<img src="http://placehold.it/140x100" alt="...">'+
					'</a>'+
                '</td>'+
                '<td>'+item.description+'</td>'+
                '<td>'+
					'<div class="btn-group" role="group" aria-label="...">'+
						'<a href="'+Routing.generate("candidates_delete",{id: item.id})+'" class="btn btn-xs btn-danger remove"><i class="fa fa-trash-o"></i></a>'+
						'<a href="#" class="btn btn-xs btn-warning"><i class="fa fa-edit"></i></a>'+
					'</div>'+
                '</td>'+
            '</tr>');
	});
}

$(".remove").bind('click',function(event){
		event.preventDefault();
		alert($(this).attr('href'));
		return false;
});

Результат: ссылка срабатывает как обычная и сообщение не выводится. что не так?

Comments

[Виолетта Морозова]

понимаю, что было это уже давно, но оставлю ка я это здесь для будующих и нынешних поколений. Почему return false прямой путь к говнокоду

Answer 1

[HoHsi]

$(".remove").bind('click',function(e){ // bind лучше заменить on
  e.preventDefault(); // Отменяет стандартное действие ссылки
  alert($(this).attr('href'));
  return false; // Не совсем понял, зачем вы возвращаете что-то из колбека. Это можно убрать
});

P.S. А также минутачка пропаганды. Верите ли в спасителя нашего, скрипт кофейный?

$(".remove").on 'click', (e)->
    e.preventDefault()
    alert $(this).attr 'href'

Удобно ведь

Comments

[Максим]

не работает

[Максим]

в кофейного не верю))) без return все равно ничего не изменилось

[HoHsi]

Максим: Более полный контекст тогда дайте, приложите кусок html на который это дело биндится

[Максим]

HoHsi:

.append('<a href="'+Routing.generate("candidates_delete",{id: item.id})+'" class="btn btn-xs btn-danger remove">');

[megahanga]

жуть кофейный)

Answer 2

[Andrew]

$(".remove").bind('click',function(event){
event.preventDefault();
  alert($(this).attr('href'));
  return false;
});

UPDATE по обновленному вопросу:

Ты функцию вызываешь где-то потом, а биндишь сразу, вот так попробуй:

function renderCand (data) {
  $("a#countCandidates > span.badge").text(data.length);
  $("#listCandidates").empty();
  data.forEach(function(item){
    $("#listCandidates").append('<tr>'+
                '<td>'+item.id+'</td>'+
                '<td>'+item.name+'</td>'+
                '<td>'+
                  '<a href="#" class="thumbnail">'+
            '<img src="http://placehold.it/140x100" alt="...">'+
          '</a>'+
                '</td>'+
                '<td>'+item.description+'</td>'+
                '<td>'+
          '<div class="btn-group" role="group" aria-label="...">'+
            '<a href="'+Routing.generate("candidates_delete",{id: item.id})+'" class="btn btn-xs btn-danger remove"><i class="fa fa-trash-o"></i></a>'+
            '<a href="#" class="btn btn-xs btn-warning"><i class="fa fa-edit"></i></a>'+
          '</div>'+
                '</td>'+
            '</tr>');
  });
  $(".remove").bind('click',function(event){
    event.preventDefault();
    alert($(this).attr('href'));
    return false;
});
}

Comments

[Максим]

не работает

[Andrew]

Максим: да ну? jsfiddle.net/y08xwtpL

[Andrew]

Максим: $(function() {
$(".remove").bind('click',function(event){
event.preventDefault();
alert($(this).attr('href'));
return false;
});
});

[Максим]

Andrew: стал бы я врать... увы нет. может это важно, но ссылки добавляю на страницу как то так:

.append('<a href="'+Routing.generate("candidates_delete",{id: item.id})+'" class="btn btn-xs btn-danger remove">');

[Максим]

Andrew: мне аж смешно. даже так не сработало, хотя вполне логично и должно сработать...

[Andrew]

Максим: Ну я прям не знаю, вот с append jsfiddle.net/y08xwtpL/1

[Максим]

Andrew: я прям озадачен. кидаю полностью кусок. отредактирую вопрос.

[vohaha]

Максим: так как ты пишешь намного легче писать на coffeescript, но не суть. попробуй обращаться через документ. $(document).find($this).attr('href')

[Максим]

vohaha: я прям даже не знаю, что и сказать... не работает)))))) я закрываю вопрос, буду искать другие способы

[Andrew]

Максим: Обновил ответ.

Answer 3

[Виталий Инчин ☢]

сами ссылки на удаления объектов получаю аяксом

Читайте, что я тут ответил: Добавленные элементы не реагируют на mouseenter?

Полюбому, это ваш случай.

↑ Code rewrite ↓

$(".remove").bind('click',function(event){
event.preventDefault();
alert($(this).attr('href'));
return false;
});

$(document).on('click', '.remove', function(e){
    e.preventDefault();
    alert($(this).attr('href'));
});

Comments

[Максим]

Возможно это и сработает) но я уже отказался от такой реализации. Буду весь фронтенд на angularjs писать