jquery if have html tag
<p>I have some code, the <code>p.words</code> is hidden, I tried to make a judge, if next <code>div</code> has <code>span</code> tag, then show the <code>p.words</code>, else keep the css rule.</p>

<p>I use <code>jquery.next</code> and <code>jquery.find</code> to make a judge <code>$(this).parent().next('.col').find('span')</code>, but it will show all the <code>p.words</code> even the next <code>div</code> has no <code>span</code> tag</p>

<pre><code>&lt;style&gt;
.words{display:none;}
&lt;/style&gt;
&lt;script src="jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
    $('.words').each(function(){
        if($(this).parent().next('.col').find('span')){
            $(this).css('display','block');
        }           
    });
});
&lt;/script&gt;
&lt;a&gt;Voodoo
   &lt;p class="words"&gt; 1&lt;/p&gt;&lt;!-- do not show --&gt;
&lt;/a&gt;
&lt;div class="col"&gt;
   &lt;ul&gt;
      &lt;li&gt;ATI Rage128 Pro&lt;/li&gt;&lt;!-- no span tag --&gt;
   &lt;/ul&gt;
&lt;/div&gt;
&lt;a&gt;NVIDIA
   &lt;p class="words"&gt; GeForce2 MX&lt;/p&gt;&lt;!-- show --&gt; 
&lt;/a&gt;
&lt;div class="col"&gt;
   &lt;ul&gt;
      &lt;li&gt;
         &lt;span&gt;NVIDIA GeForce2 MX 400&lt;/span&gt;&lt;!-- have span tag --&gt;
      &lt;/li&gt;
      &lt;li&gt;
         &lt;span&gt;ATI 9200SE&lt;/span&gt;
      &lt;/li&gt;
   &lt;/ul&gt;
&lt;/div&gt;    
</code></pre>
