Capture URL that is inside a div with Jquery

Question

I have a project where there are several boxes, with an image, and a link. I would like it when I click on the class . single-project captures the value of href, but I’m not getting it.

$('.single-project').on('click', function() {
  window.location.href = ($(this).attr("href"));
});

<div class="single-project">
  <img src="img/project/projeto01.jpg" alt="">
  <div class="project-overly">
    <a href="single-project.html">
      <h3>Titulo</h3>
    </a>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </div>
</div>

Answer 1

From what I understand you need the following code:

$('.single-project').on('click', function() {  
   window.location.href = $(this).find("a").attr("href");
});

If you have multiple Urls

$('.single-project').on('click', function() {
  var arr = [];
  $.each($(this).find('a'), function(index,valor){
   arr.push($(valor).attr('href'))
  });
  $('p').text(arr)
});

Answer 2

Your problem is the div parent level and the this operator. Put the 'single-project' class in the tag <a> from which you want to extract the URL and where the click is triggered.

 $(document).ready(function() {
     $('.single-project').click(function(){
     	  alert($(this).attr("href"));
     })
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="outra-class">
          <img src="img/project/projeto01.jpg" alt="">
          <div class="project-overly">
            <a class="single-project" href="www.google.com">
              <h3>Titulo</h3>
            </a>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
          </div>
        </div>