javascript - 画像のみを含むすべてのリンクを見つける

Question

クリックしてズームする機能を画像に追加するために、次のコードを使用してクラスを切り替えました。

$(document).ready(function() {
    var imageLinks = $('a[href$=".png"], a[href$=".jpg"], a[href$=".gif"], a[href$=".bmp"]');
    if (imageLinks.children('img').length) {
        imageLinks.children('img').each(function() {
            $(this).attr('title', '(click to enlarge image)');
        });
        imageLinks.click(function(e) {
            e.preventDefault();
            $(this).children('img').toggleClass('expanded');
        });
    }
    });

今私の問題は、<a href='file.png'>text</a>そのページのようにテキストリンクを持つことができ、このコードによって壊れていることです。

<a href='file.png'><img src='file.png'></img></a>画像ファイルへのすべてのリンクではなく、画像リンク ( ) のみを選択する方法はありますか?

前もって感謝します！