Birden fazla sütun ile bir HTML tablosu ve sütun seçici jquery kullanarak uygulamak gerekiyor. Bir kullanıcı bir onay kutusunu tıkladığında/tablodaki ilgili sütunu göstermek veya gizlemek için istiyorum. Tablodaki her td için bir sınıf ekleme olmadan bunu yapmak istiyorum, tüm sütunu jquery kullanarak seçmek için bir yolu var mı? Aşağıda HTML bir örnek.

<table>
    <thead>
    	<tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr>
    </thead>
    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>
</table>

<form>
    <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br />
    <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br />
    <input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3 <br />
</form>

Kod satırı jQuery kullanarak:

$('td:nth-child(2)').hide();

// If your table has header(th), use this:
//$('td:nth-child(2),th:nth-child(2)').hide();

Kaynak: Hide a Table Column with a Single line of jQuery code

kodu test etmek için jsFiddle: http://jsfiddle.net/mgMem/1/

Eğer iyi bir senaryo görmek istiyorsanız, benim blog yazısı bir göz atın:

Hide a table column and colorize rows based on value with jQuery.