如何在jquery函数生成的文本中添加图像_Jquery

如何在jquery函数生成的文本中添加图像

jquery

如何在jquery函数生成的文本中添加图像,jquery,Jquery,我有一个函数，它使用Jquery根据系统时间向用户{早上好，下午好，晚上好，晚上好}打招呼我正在尝试在各种消息（太阳、月亮…）中插入图像函数updateWeatherLocationAndTime（）{ //获取用户系统时间 var timeInHours=新日期（）.getHours（）； //根据时间设置问候语 var问候=“夜晚”；如果（timeInHours>=6&&timeInHours=12和时间小时数=17&&timeInHours

我有一个函数，它使用Jquery根据系统时间向用户{早上好，下午好，晚上好，晚上好}打招呼

我正在尝试在各种消息（太阳、月亮…）中插入图像

函数updateWeatherLocationAndTime（）{
//获取用户系统时间
var timeInHours=新日期（）.getHours（）；
//根据时间设置问候语
var问候=“夜晚”；
如果（timeInHours>=6&&timeInHours<12）
问候=“早晨”；
否则如果（时间小时数>=12和时间小时数<17）
问候=“下午”；
否则如果（timeInHours>=17&&timeInHours<21）
问候=“晚上”；
//更新问候语
updateElement（“#一天中的时间”，问候）；

这是我想做的一个例子

这是当前代码的一个示例

谢谢你

你可以把

'；

第二个例子：

HTML:

<body>
  <span class="greeting">
        Good <span id="time-of-day">Morning</span> <img src="" alt="" id="time-of-day-img" />
  </span>
</body>

function updateWeatherLocationAndTime() {
//get the user system time
var timeInHours = new Date().getHours();
//set the greeting based on time
var greets = "Night";
var image = "moon.jpg";
if (timeInHours >= 6 && timeInHours < 12) {
  greets = "Morning";
  image = "sunrise.jpg";
}
else if (timeInHours >= 12 && timeInHours < 17) {
  greets = "Afternoon";
  image = "sun.jpg";
}
else if (timeInHours >= 17 && timeInHours < 21) {
  greets = "Evening";
  image = "sunset.jpg";
}
//update the greeting
updateElement('#time-of-day', greets);
$('#time-of-day-img').attr("src", image);


早上好

Javascript:

<body>
  <span class="greeting">
        Good <span id="time-of-day">Morning</span> <img src="" alt="" id="time-of-day-img" />
  </span>
</body>

function updateWeatherLocationAndTime() {
//get the user system time
var timeInHours = new Date().getHours();
//set the greeting based on time
var greets = "Night";
var image = "moon.jpg";
if (timeInHours >= 6 && timeInHours < 12) {
  greets = "Morning";
  image = "sunrise.jpg";
}
else if (timeInHours >= 12 && timeInHours < 17) {
  greets = "Afternoon";
  image = "sun.jpg";
}
else if (timeInHours >= 17 && timeInHours < 21) {
  greets = "Evening";
  image = "sunset.jpg";
}
//update the greeting
updateElement('#time-of-day', greets);
$('#time-of-day-img').attr("src", image);

函数updateWeatherLocationAndTime（）{
//获取用户系统时间
var timeInHours=新日期（）.getHours（）；
//根据时间设置问候语
var问候=“夜晚”；
var image=“moon.jpg”；
如果（timeInHours>=6&&timeInHours<12）{
问候=“早晨”；
image=“sunrise.jpg”；
}
否则如果（时间小时数>=12和时间小时数<17）{
问候=“下午”；
image=“sun.jpg”；
}
否则如果（timeInHours>=17&&timeInHours<21）{
问候=“晚上”；
image=“sunset.jpg”；
}
//更新问候语
updateElement（“#一天中的时间”，问候）；
$（“#时间img”）.attr（“src”，图像）；

第二个示例工作得很好，第一个示例只显示为“夜间”，谢谢！另外，如果需要IF控件，则在后面加上花括号，否则它将无法工作…如果（timeInHours>=6&&timeInHours<12）{image=“morning.png”greets=“morning”}@我对卷发牙套的不好我要“解释”第二个例子，但在我发布答案之前，我决定给出一个代码示例，我没有尽可能多地考虑它。我已经更新了答案来纠正这一点。至于第一个输出解析HTML的示例，我的假设是它是由

updateElement（）引起的

函数正在运行。如果确实需要使用第一个方法，只需将updateElement（）的用法更改为

$（“#时间”）.html（问候）；