find href 2

a little different finding an href on the page above a button that was clicked

by Oliver Kelso

HTML

<div class="item-box">
    <div data-productid="3" class="product-item">
        <div class="picture"> <a title="Show details for Test Prod" href="/test-prod">
            <img title="Show details for Test Prod" src="http://localhost:1424/content/images/thumbs/default-image_125.gif" alt="Picture of Test Prod">
        </a>

        </div>
         <h2 class="product-title">
        <a href="/test-prod">Test Prod</a>
    </h2>

        <div class="description"></div>
        <div class="add-info">
            <div class="prices">
                <div class="product-price"> <span class="price">$10.00</span>

                </div>
            </div>
            <div class="buttons">
                <input type="button" onclick="AjaxCart.addproducttocart('/addproducttocart/3/1/1');return false;" class="button-2 product-box-add-to-cart-button" value="Add to cart">
            </div>
            <div>
                <input type="submit" class="findhref" value="Button 1">
            </div>
        </div>
    </div>
</div>
<!-------------------------SECOND DIV BLOCK------------------------->
<div class="item-box">
    <div data-productid="1" class="product-item">
        <div class="picture"> <a title="Show details for WD" href="/wd">
            <img title="Show details for WD" src="http://localhost:1424/content/images/thumbs/default-image_125.gif" alt="Picture of WD">
        </a>

        </div>
         <h2 class="product-title">
        <a href="/wd">WD</a>
    </h2>

        <div class="description">Western Digital Hard Drive</div>
        <div class="add-info">
            <div class="prices">
                <div class="product-price"> <span class="price">$99.99</span>

                </div>
            </div>
            <div class="buttons">
                <input type="button" onclick="AjaxCart.addproducttocart('/addproducttocart/1/1/1');return false;" class="button-2 product-box-add-to-cart-button" value="Add to cart">
            </div>
           ...

JavaScript

$(".findhref").on("click", function(e) {
    e.preventDefault();    
    var link = $(this).closest('.add-info').siblings('.product-title').children('a').attr('href');
    alert(link);
});