导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
最新评论
广树
2025-01-31 20:37
@tongnixcv:撤了吗?
tongnixcv
2025-01-31 19:42
哈哈哈,我撤我撤
广树
2025-01-31 12:31
@laffey:大佬新年快乐
广树
2025-01-31 12:31
@小彦:新年快乐! 哈哈哈,一年可能也就几次发短推文。
laffey
2025-01-31 12:23
新年快乐
正在攻略

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

【jQuery】根据关键词替换图片地址

作者:广树时间:2016-02-12 20:15:25分类:JavaScript/jQuery/Vue

HTML部分:

<div class="abb">
<p class="p">晴</p>
<img alt="" src="" class="img"/>

<p class="p">雨</p>
<img alt="" src="" class="img"/>

<p class="p">晴</p>
<img alt="" src="" class="img"/>

<p class="p">雨转多云</p>
<img alt="" src="" class="img"/>
</div>
JS部分:
<script>
var p = $('.abb .p').filter(function(index) {
  return $(this).text().indexOf('雨') >= 0;
})
var pb = $('.abb .p').filter(function(index) {
  return $(this).text().indexOf('晴') >= 0;
})
$(p).next().attr("src","http://img.tianqi.com/static/images/tianqi/b1.png")
$(pb).next().attr("src","http://img.tianqi.com/static/images/tianqi/b0.png")
</script>




说明:

使用.filter来筛选出含有关键词“雨”或者“晴”的元素。然后对应关键词替换标签下面img标签的图片地址。

donate.png

1210 x 50(蓝底).png

cloudcone