JQuery получить от детей

Question

Я пытаюсь использовать jquery, чтобы получить URL-адрес из классов для детей.

<div class="div1"> 
    <h1 class="class2"> 
    <a href ="www.helloword.com/id2">hello user2</a> 
    </h1> 
</div> 

В основном я хочу использовать JQuery, чтобы получить URL, а затем присвоить его div1, когда кто-то нажимает на див1 это приведет вас к той же странице, как если бы вы были нажать на слово hello user2

Я попробовал

$(function() { 
      $(".div1").click(function(e) { 
      e.preventDefault(); 
      var url = $(this).children('.class2 a').find(".div1").attr('href'); 
      console.log(url); 
    }); 

    }); 

Но это пришло на хром как undefined.

, что я сделал неправильно

Answer 1

Вы можете попробовать:

$(function() { 
    $('.div1').click(function(e) { 
    var url = $(this).find('.class2 a').attr('href'); 
    console.log(url); 
    }); 
}); 

Answer 2

Вы добавили один дополнительный вызов, чтобы найти (».div1"), он должен быть

var url = $(this).children('.class2 a').attr('href'); 

Answer 3

Нет необходимо использовать детей(), только find() будет работать:

$(function() { 
      $(".div1").click(function(e) { 
      e.preventDefault(); 
      var url = $(this).find('.class2 a').attr('href'); 
      console.log(url); 
    }); 

}); 

Answer 4

Вам не нужно найти div1 в a тег. Кроме того, event.preventDefault() не требуется для div, так как по умолчанию для него не применяется действие по умолчанию.

var url = $(this).children('.class2 a').attr('href'); 
console.log(url); 

Answer 5

$(function() { 
    $('.div1').click(function(e) { 
    var url = $(this).find('.class2 a').attr('href'); 
    $(this).append('<p>'+url+'</p>'); 
    }); 
}); 

В принципе, если вы хотите, чтобы показать его в DIV. Или что-то подобное, однако вы хотите его отобразить.