Как получить RUL из дочернего элемента на Jquery?

Question

[DrunkMaster]

Демка https://codepen.io/anon/pen/yzdgaP
HTML

<div onclick="return add(event)">
    <a href="https://ya.ru">клик по ссылке 1</a>
</div>
<div onclick="return add(event)">
    <a href="https://google.ru">клик по ссылке 2</a>
</div>

JS

var add = function(event){
  event.preventDefault();
  console.log('клик');
}

Как получить и вывести в консоль адрес атрибута href у ссылки по которой кликнули?

Answer 1

[Максим Костюкевич]

Конечно если решать все через jquery то будет правильнее

<a class="click" href="https://ya.ru">клик по ссылке 1</a>
<a class="click" href="https://google.ru">клик по ссылке 2</a>

$(function(){
    $(document).on("click", ".click", function(e){
        e.preventDefault();
        console.log($(this).attr('href'));
    });
});