I have a bunch of classes like this one:

<div class="productFrame pfs freshout">
            <span class="productTitle"><span class="pti">Apple</span></span>
            <span style="background-image: url(http://static.com//landing_E01-10-P000-00561-NNN99_01.jpg);" class="productImage"></span>
            <span class="productInfo"><span class="pii">iMac 21.5-inch Computer</span><span class="piptz">3500 PTZ</span></span>
            <span class="productStatus"><span class="psi">MORE SOON</span></span>
        </div>


How can I hide it when the "pti" class haves "Apple" on it? or other text


I have trying something like this, but have no sucess


$(".pti").each(function() {
    if ($(this).html() == "Apple") $(this).hide();
});