广树
2024-10-10 19:57
@铭心：谢谢大佬夸奖，大佬的博客也很可爱。
关于友链，抱歉，希望能仔细阅读一下友链要求。
导航
萌即是正义！时不时分享一些ACG活动记录与有趣代码的小站！
侧边栏
正在攻略
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标签的图片地址。