Как перехватить click на всех ссылках в заданом диве?

Question

[v- smerti]

Привет. Есть код на "чистом" js

document.addEventListener('DOMContentLoaded', function () {
    var FullList = document.getElementById('wrapper');
    FullList.addEventListener('click', function (e) {
        if (e.target.nodeName == 'A') {
            e.preventDefault();
            var url = new URL(e.target);
            var page = (url.pathname + url.search + url.hash);
           //здесь подгружаю новый html файл и вставляю в div wrapper
          //специально упростил
            alert(e.target.nodeName);
        }
    });

});

Я уже несколько часов пытаюсь сделать сие на этом странном jquery но почему то не выходит. Кому не трудно можете мой код переделать под эту библиотеку?

Всем спасибо

Answer 1

[mletov]

$( "#wrapper a" ).click(function() {
  alert( "Перехватили событие" );
});

Answer 2

[Andrey Dyrkov]

$(document).ready(function(){
  var FullList = $('#wrapper');
  
  FullList.on('click',function(e){
    var self = $(e.target);
    
    if(self.prop("tagName")=="A"){
      e.preventDefault();
      
      var url = new URL(e.target),
          page = (url.pathname + url.search + url.hash);//надеюсь тут правильно
      
      //здесь подгружаю новый html файл и вставляю в div wrapper
     //специально упростил
     alert(self.prop("tagName"));
    }
  });
});

Comments

[v- smerti]

нее. Это адский говнокод.
Вот как надо

$( "#wrapper a" ).click(function() {
        var link = $(this).attr("href");
        $("#page-wrapper").load("html/"+link);
        return false;
    });

[Andrey Dyrkov]

Владимир Грабко: ну ссори что выполнил задачу как вы просили)) Вы же сами сказали чтобы я перевёл всё в jquery? Ну так вот держите, все переменные есть всё сделоно хаха) Я бы так вообще никогда не сделал))