colonne cacher/td de la table en utilisant jquery

Question

Comment peut-on cacher la colonne de la table en utilisant jquery

<table> 
    <tr> 
    < td id="td_1" >name</ td > 
    < td id="td_2" >title</ td > 
    < td id="td_3" >desc</ td > 
    </ tr > 
    <tr> 
    < td id="td_1" >Dave</ td > 
    < td id="td_2" >WEB DEV</ td > 
    < td id="td_3" >Blah Blah</ td > 
    </tr> 
    <tr> 
    < td id="td_1" >Nick</td> 
    < td id="td_2" >SEO</td> 
    < td id="td_3" >Blah Blah and blah</td> 
    </tr> 
</table> 

Supposons Donc, si quelqu'un veut cacher la première colonne c.-à-td_1 de toutes les lignes, alors ce qui être le code?

Merci à l'avance Dave

Answer 1

$(document).ready(function() { 
    $("#td_1").hide(); 
} 

Mais idéalement, vous souhaitez utiliser une classe au lieu d'une carte d'identité.

si

<table> 
    <tr> 
    <td class="td_1">name</td> 
    <td class="td_2">title</td> 
    <td class="td_3">desc</td> 
    </tr> 
    <tr> 
    <td class="td_1">Dave</td> 
    <td class="td_2">WEB DEV</td> 
    <td class="td_3">Blah Blah</td> 
    </tr> 
    <tr> 
    <td class="td_1">Nick</td> 
    <td class="td_2">SEO</td> 
    <td class="td_3">Blah Blah and blah</td> 
    </tr> 
</table> 

Et alors vous utilisez un code similaire: (.) ​​

$(document).ready(function() { 
    $(".td_1").hide() 
} 

La seule chose qui a changé est le dièse (#) à un point. Hash est pour les ID, Dot est pour les classes.

Encore une autre façon serait d'utiliser le sélecteur nthChild.

$(document).ready(function() { 
    $('tr td:nth-child(1)').hide(); 
} 

Où 1 est le numéro de colonne à masquer.

HTH

Answer 2

http://www.devcurry.com/2009/07/hide-table-column-with-single-line-of.html