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

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>

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