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

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


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();
})
});