find href

find an href that is before the current href

by Oliver Kelso

HTML

<div>
    <h2>Google</h2>
    <a href="http://www.google.com" class="blah">The Link</a>
    <p>sometext blah blah blah</p>
    <p>sometext blah blah blah</p>
</div>
<a href="#" class="find">find href</a>
<br />
<div>
    <h2>Yahoo</h2>
    <a href="http://www.yahoo.com" class="blah">The Link</a>
    <p>sometext blah blah blah</p>
    <p>sometext blah blah blah</p>
</div>
<a href="#" class="find">find href</a>
<br /><br />
<div id="results"></div>

CSS

div{border:solid 1px #CCC;padding:10px;}
.find{background:#000;color:#FFF;padding:4px;display:block;}
#results{color:red;font-weight:bold;font-size:22px;border:none;}

JavaScript

$(".find").click(function(e) {
    e.preventDefault();    
    var link = $(this).prev('div').children('a').attr('href');
    $('#results').text('' + link);
});