使用jquery隱藏td

Question

你好，我想隱藏表列。在頁面加載時，隱藏每個選項的第2列。在選擇email me選項時，顯示第二列。如果我選擇第二個call me選項，然後隱藏第一個並顯示第二個給我打電話的選項。我不知道如何在jQuery中做。

2）如果我選擇第一個選項，然後第二個選項，那麼這兩個選項被選中，我不想要這些。我想隨機。有誰能夠告訴我..

<form name="form1" method="post"> 
    <table> 
     <tr> 
      <td valign="top"> 
       <input type="radio" value="email" name="select" id="emailbtn" onClick="showemail()" /> 
      </td> 
      <td valign="top">Email me</td> 
      <td class="td1" style="display:none;"> 
       <input type="email" placeholder="*************" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" size="50" class="snk12" id="email_id" required/> 
       <br /> 
       <p id="imgparent"> 
        <div id="imgdiv" style="float:left;"> 
         <img id="img" src="captcha.php" /> 
        </div> 
        <img id="reload" style="float:left;" src="reload.png" /> 
       </p> 
       <input id="captcha1" name="captcha" type="text" required pattern="[a-zA-Z0-9]+"> 
       <br /> 
       <br /> 
       <br /> 
       <input type='submit' value="submit"> 
      </td> 
     </tr> 
    </table> 
</form> 
<form name="form2" method="post"> 
    <table> 
     <tr> 
      <td valign="top"> 
       <input type="radio" value="call" name="select" id="callbtn" onClick="showphn()" /> 
      </td> 
      <td valign="top">Call Me</td> 
      <td class="td2" style="display:none;"> 
       <input type="text" class="snk12" size="50" required pattern="[0-9]{10}$" name="phn" id="call" placeholder="*************" /> 
       <br /> 
       <p id="imgparent"> 
        <div id="imgdiv" style="float:left;"> 
         <img id="img" src="captcha.php" /> 
        </div> 
        <img id="reload" style="float:left;" src="reload.png" /> 
       </p> 
       <input id="captcha1" name="captcha" type="text" required pattern="[a-zA-Z0-9]+"> 
       <br /> 
       <br /> 
       <br /> 
       <input type='submit' value="submit"> 
      </td> 
     </tr> 
    </table> 
</form> 

Answer 1

可以顯示通過$('selector').hide()或$('selector').show()，使用jQuery /隱藏元素，其中選擇或者是一個DOM元素或者一個.class或#ID。

您還可以應用像$('element:nth-child(1)').hide()這樣的CSS選擇器。

希望這會有所幫助。