更改文本并添加 href 以跨越元素问题

Question

我有一个 id 为 randomText 且 HTML 为 changingText 的span。

我想要的是jQuery或纯JavaScript代码，以便在调整窗口大小时更改内容。

当窗口小于 480px 时（当用户将浏览器大小调整为小于 480px 或当用户使用小于 480px 且不必调整浏览器大小的移动设备时），将span的 HTML 更改为I have changed，并为新的 HTML 内容设置 href，当用户按下它转到 www.google.com 时。如果用户超过 480px，则转到没有 href 的原始文本。

这是一件简单的事情，但如果有人能帮忙，我将不胜感激。

<span id="randomText">changingText</span>

Answer 1

我认为这应该有效

$(function(){
$(window).on("resize", function(){
    if($(window).width()<480){
        $("#randomText").html("<a id='changingTextWrapper' href='www.google.com'>I changed!</a>");
    }else{
        $("#randomText").html('changingText');
    }
});
if($(window).width()<480){
        $("#randomText").html("<a id='changingTextWrapper' href='www.google.com'>I changed!</a>");
    }

}）;