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>)而不是所有图像文件的链接？

提前致谢!

Answer 1

你可以使用has语句:

var imageLinks = $('a').filter(':has(img)');

或相同:

var imageLinks = $('a:has(img)');