[jQuery] hide parent div according to span containing some text

[marprus]

I have html generated by php (several html codes like below):

<div class="header">
    <a href="node/188?slide=3" class="previous">   Previous    </a>
     |        Image    <span class="current">   1    </span> of

    <span class="total">   1    </span>     |

    <a href="node/188?slide=2" class="next">    Next
    </a>
  </div>

What i need to do is to hide "header" div if span class "total"
contains number 1. (like it is in above example)  I tried code
something like this but no success:

  $(document).ready(function() {
    if ($('.total').contains("1") {
        $('div.header').hide();
        })
   });