ALTタグに基づく画像をリンクする

Question

私はワードプレスサイトを持っており、特定のURLにリンクするための画像が必要です。

メディアアップローダの通常の「リンク先」機能は機能しません。したがって、私はこれをJavascriptを使用して実現することを考えていました。

通常、私はこのような何かやって考えるでしょう：

var image = document.getElementById('mydiv').getElementsByTagName('img')[0]; 
a.appendChild(image); 

をしかし、私はgetElementByIdをを使用して、特定の画像を得ることができないので、自分のSRCまたはALTタグに基づいて特定の画像を検索する方法がありますならば、私は思っていました。問題の

ページは次のとおりです。 Rockaway Fest

Answer 1

この例を試してみてください。

HTML

<style> 
    img {display: none;} 
    a {display: block;} 
</style> 
<img src="http://dummyimage.com/50x50/000000/ffffff.jpg&text=thisimage" alt="thisimage"> 
<img src="http://dummyimage.com/50x50/000000/ffffff.jpg&text=nothisimage" alt="nothis"> 

<a class="thisimage">This image</a> 
<a class="thisimage">This image</a> 
<a class="thisimage">This image</a> 

JS

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var image = document.querySelectorAll(" img[alt*='thisimage'] "); 
//$('.thisimage').each(function (i, v) { 
    $('.thisimage').append(image); 
//}); 
</script> 

OUTPUT

<a class="thisimage">This image<img src="http://dummyimage.com/50x50/000000/ffffff.jpg&amp;text=thisimage" alt="thisimage"></a> 
<a class="thisimage">This image<img src="http://dummyimage.com/50x50/000000/ffffff.jpg&amp;text=thisimage" alt="thisimage"></a> 
<a class="thisimage">This image<img src="http://dummyimage.com/50x50/000000/ffffff.jpg&amp;text=thisimage" alt="thisimage"></a>