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

  • Z时代
  • 2024-01-10
  • 分类：问答

这是我的问题的简化版本。

我有两个按钮和一个图像。图像代码是这样的

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

当我按下一个按钮时，我希望图像被包裹在一个A标签中，例如

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

当我按下另一个按钮时，应该删除A标签。

用jQuery做到这一点最简单的方法是什么？

回答：

您已经有很多答案，但是（至少在我开始撰写之前）它们都无法正常工作。

他们没有考虑到，你应该 换行<img>与 标签。此外， 包装，

尝试拆开包装！您将销毁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);
        }
    });
});

祝好运！

以上是 jQuery：用A锚标签包装图像标签的最简单方法 的全部内容， 来源链接： utcz.com/qa/405919.html

回到顶部