aタグのhrefに画像が設定されいる場合にimage-linkクラスをあてたかったので対応してみた。このサイトで実装する必要があったので・・・。

<a href="https://example.com/image.jpg"><img src="https://example.com/image-thumb.jpg"></a>
<script>
document.addEventListener('DOMContentLoaded', function() {
var links = document.querySelectorAll('a');
links.forEach(function(link) {
if (link.href.match(/\.(jpeg|jpg|gif|png)$/) !== null) {
link.classList.add('image-link');
}
});
});
</script>