jQuery：用A锚标签包装图像标签的最简单的方法

<img class="onoff" src="image.jpg">

<a href="link.html">
<img class="onoff" src="image.jpg">
</a>

你已经有很多答案，但是(至少在我开始写作之前)，他们都不会正常工作。

他们没有考虑到你不应该包装< img>具有多个< a>标签。此外，如果没有包装，不要试图打开包装！你会毁掉你的DOM。

这个代码简单地在包装或展开之前进行验证：

$(function(){
    var wrapped = false;
    var original = $(".onoff");

    $("#button1").click(function(){
        if (!wrapped) {
            wrapped = true;
            $(".onoff").wrap("<a href=\"link.html\"></a>");
        }
    });

    $("#button2").click(function(){
        if (wrapped) {
            wrapped = false;
            $(".onoff").parent().replaceWith(original);
        }
    });
});

祝你好运！