Untitled

<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.11.3.min.js"> </script>
    </head>
    <style>
        .hide {
            display: none;
        }
    </style>
    <body>
        <div class="test">
            <span>one</span>
            <span>hide</span>
        </div>
        <div class="test">
            <span>two</span>
            <span>two</span>
        </div>
        <div class="test">
            <span>three</span>
            <span>three</span>
        </div>
        <div class="test">
            <span>four</span>
            <span>four</span>
        </div>
        <div class="test">
            <span>five</span>
            <span>five</span>
        </div>
        <div class="test">
            <span>six</span>
            <span>six</span>
        </div>
        <div class="test">
            <span>seven</span>
            <span>seven</span>
        </div>
        <div class="test">
            <span>eight</span>
            <span>eight</span>
        </div>


        <script>
        $('.test').each(function(index, div){
            $(div).find('span').each(function(index, span) {
                var text = $(span).text();
                if(text == 'hide'){
                    $(div).addClass('hide');
                }
            });
        });


        </script>


    </body>
</html>