广树
2025-01-28 19:10
@Xia:除夕快乐!
作者:广树时间: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标签的图片地址。