jQuery中的隱藏元素表

Question

我有一個表tr和td。我的td有一個div作爲它的孩子。其中一個div有id="question"，另一個有id="answer"。我想在遍歷我的td時，div有id="answer"被隱藏。當頁面加載時，只會出現問題div。這裏是html的結構

<td style="display: none;"> 
    <div style="border-color: #000000;position: relative;float: right;margin-top: 2px;right: 12%;"> </div> 
    <div style="border-color: #000000;position: relative;float: right;margin-top: 2px;right:-2%;"> </div> 
    <div id="question"> 
     <img id="faqGrid:0:j_idt77" height="10" width="480" src="/TDAP/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces&amp;v=2.2.RC2"> 
     <br> 
     <br> 
    <div id="answer"> 
    <div class="horizontalline"></div> 
</td> 

我做了以下工作。但它隱藏了整個td。

$('#faqGrid tr td').each(function(){ 

    var $cells = $(); 

    /** 
    *Gives you all children as an object array 
    * 0: div 
    * 1: div 
    * 2: div#question 
    * 3: img#faqGrid:0:j_idt77 /TDAP/fa...=2.2.RC2 
    * 4: br 
    * 5: br 
    * 6: div#answer 
    * 7: div.horizontalline 
    */ 
    var tdChildrenArray = $(this).children(); 

    var divChildrenArray = $(this).children('div'); 

    var elementStack; 

    $.each(divChildrenArray, function(index, value){ 

     var $div = value; 

     if ($div.id) { 

      var $divId = $div.id; 

      if ($divId == 'answer') { 

       var colNum = $(this).cellIndex; 
       $cells = $cells.add($div); 

      } //end of if ($divId == 'answer') 

     } //end of if ($div.id) 

    }); //end of $.each(object, fn) 

    return $(this).pushStack($cells); 

}).hide(); //end of $('#faqGrid tr td').each(fn) 

我在這裏的想法是，在div的是推棧上只應該隱藏，但是這不是真正的輸出。

Answer 1

如果您有多個行，您不應該使用多個ID屬性。更改爲類，而不是...

<div class="question"> 
    <img id="faqGrid:0:j_idt77" height="10" width="480" src="/TDAP/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces&amp;v=2.2.RC2"> 
    <br> 
    <br> 
<div class="answer"> 

然後你就可以做到這一點簡單的jQuery隱藏答案元素...

$(".answer").hide(); 

要回答你直接的問題，你被稱爲.hide()功能上無論如何，你的TD元素的集合。

你可以從最末端移動.hide()，並把在這條線......

if ($divId == 'answer') { 

    $div.hide();//hide your answer element 
    var colNum = $(this).cellIndex; 
    $cells = $cells.add($div); 

} //end of if ($divId == 'answer') 

...但這是辦法不多代碼，這麼簡單的東西

編輯： A Sample of what you might be trying to do

Answer 2

使用選擇器。

給所有的答案盒一類的「答案」

和使用：

$(".answer").hide(); 

這將隱藏所有他們的答案類。給他們打電話問題ID和答案類別：

$("#Q1 .answer").show(); 

我不是很熟悉表，但我希望答案有一定的價值。

編輯以反映評論。

Answer 3

元素ID在文檔中是唯一的。這不是絕對必要的，但它會使你更容易處理你的元素。在你的情況下，我會改變你的所有問題，並將id屬性改爲類。然後你可以這樣做來隱藏你的答案：

$('#faqGrid tr td div.answer').hide();