Javascript jQuery-响应性包装和展开/展开和撤消

有些元素包装在带有WordPress PHP permalink和Fancybox日期类型的“a”标记中，如下所示：

<a href="<?php the_permalink(); ?>" class="example" id="exampleid" data-fancybox-type="iframe">
    <div class="exampledivclass">
    ... some images, some divs etc ...
    </div>
</a>

在小屏幕上，我想用带有类的“span”标记替换“a”标记

我想使用以下代码：

$(window).resize(function() {
    var wi = $(window).width();

    if (wi <= 480){

        CODE

        }
    else {

        CODE

    }
});

$（窗口）。调整大小（函数（）{
var wi=$（window.width（）；
如果（wi您可以使用函数

例如：

$('a').replaceWith( "<span>" + $( this ).text() + "</span" );

$（'a'）.replaceWith（“+$（this）.text（）+”如果您正在处理一个简单的锚元素，那么

var ahtml = $('#exampleid').clone().empty().prop('outerHTML');
$(window).resize(function () {
    var wi = $(window).width();
    if (wi <= 480) {
        $('#exampleid').replaceWith(function () {
            return $('<span />', {
                id: this.id
            }).append(this.children);
        })
    } else {
        $('#exampleid').replaceWith(function () {
            return $(ahtml).append(this.children);
        })
    }
});

var ahtml=$（'#exampleid'）.clone（）.empty（）.prop（'outerHTML'）；
$（窗口）。调整大小（函数（）{
var wi=$（window.width（）；
如果（非常感谢您的回答。但是如何用正确的permalink php代码替换else部分的span？您的HTML标记无效，锚定标记不应作为子元素获取任何块元素作为DIV。顺便说一句，您可以用例如data href属性替换href属性，而不是用span替换锚定标记，但这取决于你在找什么
var ahtml = $('#exampleid').clone().empty().prop('outerHTML');
$(window).resize(function () {
    var wi = $(window).width();
    if (wi <= 480) {
        $('#exampleid').replaceWith(function () {
            return $('<span />', {
                id: this.id
            }).append(this.children);
        })
    } else {
        $('#exampleid').replaceWith(function () {
            return $(ahtml).append(this.children);
        })
    }
});