Javascript 更改a href的内容

当屏幕宽度为480px时，我想将内容“Hi”更改为其他内容。我尝试使用伪元素，但没有显示。Javascript、Jquery和css可以很好地提供答案。谢谢

HTML

---

我已经用伪元素[纯CSS方法]做了一个快速演示。签出代码段并调整其大小以查看文本更改。您可以尝试不同的方法来实现这一点

如果你想玩的话，这里有

li a{
显示：内联块；
宽度：50px；
高度：50px；
背景：#eaeaea；
-moz边界半径：50px；
-webkit边界半径：50px；
边界半径：100px；
文本对齐：居中；
右边距：5px；
}
李娜：以前{
内容：“你好”；
颜色：红色；
显示：无；
}
@媒体屏幕和屏幕（最大宽度：480px）{
李阿{
颜色：透明；
}
李娜：以前{
显示：块；
}
}

---

我已经用伪元素[纯CSS方法]做了一个快速演示。签出代码段并调整其大小以查看文本更改。您可以尝试不同的方法来实现这一点

如果你想玩的话，这里有

li a{
显示：内联块；
宽度：50px；
高度：50px；
背景：#eaeaea；
-moz边界半径：50px；
-webkit边界半径：50px；
边界半径：100px；
文本对齐：居中；
右边距：5px；
}
李娜：以前{
内容：“你好”；
颜色：红色；
显示：无；
}
@媒体屏幕和屏幕（最大宽度：480px）{
李阿{
颜色：透明；
}
李娜：以前{
显示：块；
}
}

---

您可以根据需要使用以下代码的文档或窗口

 <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
 <script>
 $(function(){if ($(window).width() = 480) {
      $(".service-tab-1").text("blab blab blab");
   }
 });
 </script>

$（函数（）{if（$（窗口）.width（）=480）{
$（“.service-tab-1”）.text（“blab blab blab”）；
}
});

您可以根据需要使用以下代码的文档或窗口

 <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
 <script>
 $(function(){if ($(window).width() = 480) {
      $(".service-tab-1").text("blab blab blab");
   }
 });
 </script>

$（函数（）{if（$（窗口）.width（）=480）{
$（“.service-tab-1”）.text（“blab blab blab”）；
}
});

像这样试试

.service-tab-1:之前{
内容:"嗨",；
}
@媒体屏幕和屏幕（最大宽度：480px）{
.service-tab-1：之前{
内容:"你好",；
}
}

像这样试试

.service-tab-1:之前{
内容:"嗨",；
}
@媒体屏幕和屏幕（最大宽度：480px）{
.service-tab-1：之前{
内容:"你好",；
}
}

---

您可以使用以下jQuery代码

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
宽度=$（窗口）.width（）；
如果（宽度==480）{
$（“.service-tab-1”）.text（“其他内容”）；
}
});
});

您可以使用以下jQuery代码


$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
宽度=$（窗口）.width（）；
如果（宽度==480）{
$（“.service-tab-1”）.text（“其他内容”）；
}
});
});

Jquery可以帮助解决这个问题。只要确保在将选择器合并到项目中后更改选择器即可

在我的代码片段中，当屏幕低于或等于480时，它会改变。如果只需要480宽度，请将“如果”更改为：

if ($(window).width() == 480)

如果需要，我很乐意帮忙



if（$（window）.width（）Jquery可以帮上忙。只要确保在将选择器合并到项目中后更改选择器即可

在我的代码段中，当屏幕小于或等于480时，它会发生变化。如果您希望它的宽度仅为480，请将“如果”更改为：

if ($(window).width() == 480)

如果需要，我很乐意帮忙



if（$（window）.width（）你的答案很好，但不幸的是不适合我。哦，很抱歉在这里谈论它。你的答案很好，但不幸的是不适合我。哦，很抱歉在这里谈论它