Wrap link around

Answer 1

I had tried to create custom solution using jQuery, which would imitate same behavior as a tag does, for parent DIV.

DEMO: https://jsfiddle.net/kutec/m9vxhcke/

As per W3C standard, you cannot do this:

    
        

            
Link with _blank attr
        
    

You must follow this:

    

        

            Link with _blank attr
        
    

But by following above code, you wouldn't get the whole DIV clickable :).

Correct structure should be something like this, which also allows you to click over the DIV to redirect on the given href value:

    

        

            Link with _blank attr
        
    

Simple Solution:

$(function() {  
    $('.boxes a').each(function(){
        var aTag = $(this).attr('href');

        $(this).parent().attr('data-href',aTag);        

        $("[data-href]").click(function() {
            window.location.href = $(this).attr("data-href");
            return false;
        });
    })  
}(jQuery));

Dynamic Solution:

(function ( $ ) { 
    $.fn.dataURL = function() {

        // variables
        var el = $(this);
        var aTag = el.find('a');
        var aHref;
        var aTarget;

        // get & set attributes
        aTag.each(function() {
            var aHref = $(this).attr('href');
            $(this).parent().attr('data-href',this);

            aTarget = $(this).attr('target');
            $(this).parent().attr('data-target',aTarget);
        });

        // imitation - default attributes' behavior on "data-" attributes
        $(el).delegate('[data-href]','click', function() {
            var loc = window.location.href;
            loc = $(this).attr("data-href");
            aTarget = $(this).attr('data-target');

            if(aTarget == "_blank"){
                window.open(loc);
            } else {
                window.location = loc;
            }

            return false;
        });     

        //removing attributes from selector itself
        el.removeAttr('data-href');
        el.removeAttr('data-target');

        // css
        $('[data-href]').css('cursor','pointer');
    };
}( jQuery ));

Final call:

Hope this would be helpful :)