隱藏不工作時表存在

Question

我有一個網站，有很多在它的數據表中，我有以下的代碼頁的頭： -

$(function() { 
$("td[colspan=3]").find("P").hide(); 
}); 

當我主表有一個<P> test </P>在那裏它正確地隱藏了這個（我有一個按鈕，然後顯示這個，我知道工程）。

但是，如果我進入一個子表放入之間的普的那個表像這樣

<td colspan="3"> 
    <P> 
     <table> 
      <tr><td>1</td><td>2</td></tr> 
      <tr><td>3</td><td>4</td></tr> 
     </table> 
    </P> 
</td> 

表不隱藏...我缺少什麼？我也試過

$("td[colspan=3]").find("P").find("table").hide(); 

但沒有骰子這裏要麼...

Answer 1

這是原因，因爲你有一個invalide HTML。

<p>標記內部不能包含其他塊，它是一個具有塊屬性的文本標記。一旦連衣裙將標籤懸停在<p>的內部，它會自動關閉<p>並對新標籤進行操作。

如果您在此檢查dom：http://jsfiddle.net/pqJTZ/，您會看到<p>爲空。

解決方法是使用<div>代替。

This answer給你很好的鏈接和正確的解釋。