How to hide tr line in jquery

Hide method: 1. Use "$("tr:nth-child(n)")" to select the tr element of the specified row, and the parameter n specifies the number of rows; 2. Use hide() or fadeOut() To hide the obtained tr element, the syntax is "tr element.hide(millisecond value)" or "tr element.fadeOut(millisecond value)".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

How to hide a row of tr in jquery

Implementation method:

• Use$ ("tr:nth-child(n)")The statement selects the tr element of the specified row

• Use the hide() or fadeOut() method to hide the selected tr element

Implementation example:

• Hide the first row of tr elements

      
  
 
 
商品
 
价格
 
 
 
T恤
 
￥100
 
 
 
牛仔褂
 
￥250
 
 
 
牛仔库
 
￥150
 
 

 隐藏第一个tr  

Hide the second row of tr elements

      
  
 
 
商品
 
价格
 
 
 
T恤
 
￥100
 
 
 
牛仔褂
 
￥250
 
 
 
牛仔库
 
￥150
 
 

 隐藏第二行tr  

[Recommended learning:jQuery video tutorial,web front-end video】

The above is the detailed content of How to hide tr line in jquery. For more information, please follow other related articles on the PHP Chinese website!