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