这是我的问题的简化版本。
我有两个按钮，一个图像。图像代码是这样的
<img class="onoff" src="image.jpg">
当我按下按钮1时，我想要将图像包裹在A标签中，像
<a href="link.html"> <img class="onoff" src="image.jpg"> </a>
使用jQuery最简单的方法是什么？
解决方法
你已经有很多答案，但是(至少在我开始写作之前)，他们都不会正常工作。
他们没有考虑到你不应该包装< 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);
}
});
});
祝你好运！
