导航

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

【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标签的图片地址。

侧边栏
最新评论
广树
2024-05-08
@Asuna:谢谢!谢谢!
Asuna
2024-05-08
恭喜获得高质量博客认证~
广树
2024-05-08
@老张博客:是的,不仅仅是大城市,很多小乡村也是依靠动漫发展起来的旅游产业,所以不要小看文化产业带来的经济价值啊!
老张博客
2024-05-08
到日本 是不是大街小巷都是这些动漫呀!
广树
2024-05-08
@Chise Hachiroku:不是还有,而是最近出来的新服务🤭。送货时间太迟了,不是急需的话还是一般配送比较好。
正在攻略

圣兽之王.jpg

传颂之物

PSN奖杯卡

PSN奖杯卡

赞助商广告