マスクへのリンクをHTMLに追加することは可能ですか

Question

たとえば、このhttp://codepen.io/web-tiki/pen/meskAをクリックすると、三角形へのリンクが追加されます。このよう

<div class="t"> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
<div class="wrap"> 
    <div class="triangle"></div> 
    <div class="mask"></div> 
</div> 
</div> 

Answer 1

：jQueryを使って

<div class="wrap"> 
    <a href="somewhere.com"> 
     <div class="triangle"></div> 
     <div class="mask"></div> 
    </a> 
</div> 

、または動的：

$(".wrap").each(function(){ 
    $(this).find("div").wrapAll("<a href='link.com' />"); 
}); 

Answer 2

あなたはあなたが得た各ラップのdiv上のonclickイベントを追加することができます。

<div class="wrap" onclick="location.href = 'www.yoursite.com'">