JQuery Keluarkan Lajur Jadual (mengikut nombor lajur)

Gunakan jQuery untuk memadam lajur jadual (mengikut nombor lajur)

Berikut adalah coretan kod jQuery mudah untuk memadam seluruh lajur jadual mengikut nombor lajur. Ia juga memadam tajuk baris jadual yang dikaitkan dengan lajur yang dipadam.

<code class="language-javascript">// 删除第一列
$('#table').find('td,th').first().remove();

// 删除第二列
$('table tr').find('td:eq(1),th:eq(1)').remove();

// 删除第n列 (n代表列序号)
$('table tr').find('td:eq(n),th:eq(n)').remove();</code>

Soalan Lazim untuk JQuery Table Column Revole (Soalan Lazim)

Bagaimana menggunakan jQuery untuk memadam lajur tertentu dalam jadual?

Untuk menggunakan jQuery untuk memadam lajur tertentu dalam jadual, anda perlu menggunakan pemilih

. Pemilih ini sepadan dengan setiap elemen, yang merupakan elemen anak nth ibu bapanya, tanpa mengira jenisnya. Berikut adalah contoh cara menggunakannya: :nth-child()

<code class="language-javascript">$("table td:nth-child(2),th:nth-child(2)").remove();</code>

Dalam contoh ini, lajur kedua jadual dipadam. Anda boleh menggantikan "2" dengan nombor lajur yang ingin anda padamkan.

Bolehkah saya menggunakan jQuery untuk memadam pelbagai lajur dalam jadual?

Ya, anda boleh menggunakan jQuery untuk memadam pelbagai lajur dalam jadual. Anda hanya perlu menentukan nombor lajur dalam pemilih

. Berikut adalah contoh: :nth-child()

<code class="language-javascript">$("table td:nth-child(2),th:nth-child(2),td:nth-child(3),th:nth-child(3)").remove();</code>

Dalam contoh ini, lajur kedua dan ketiga jadual dipadam.

Bagaimana untuk menyembunyikan lajur dan bukannya memadamkannya?

Jika anda ingin menyembunyikan lajur dan bukannya memadamnya, anda boleh menggunakan kaedah

dalam jQuery. Berikut adalah contoh: hide()

<code class="language-javascript">$("table td:nth-child(2),th:nth-child(2)").hide();</code>

Dalam contoh ini, lajur kedua jadual tersembunyi.

Bolehkah saya menggunakan jQuery untuk memadam lajur berdasarkan kandungannya?

Ya, anda boleh menggunakan jQuery untuk memadam lajur berdasarkan kandungan mereka. Anda boleh menggunakan pemilih

untuk mencari lajur yang mengandungi kandungan tertentu dan kemudian gunakan kaedah :contains() untuk memadamnya. Berikut adalah contoh: remove()

<code class="language-javascript">$("table td:contains('Content'),th:contains('Content')").remove();</code>

Dalam contoh ini, mana -mana lajur yang mengandungi perkataan "kandungan" dipadam.

Bagaimana untuk memadam lajur dalam jadual tanpa menggunakan jQuery?

Jika anda tidak mahu menggunakan jQuery, anda boleh menggunakan JavaScript tulen untuk memadam lajur dalam jadual. Berikut adalah contoh:

<code class="language-javascript">var table = document.getElementById("myTable");
for (var i = 0; i < table.rows.length; i++) {
  table.rows[i].deleteCell(1);
}</code>

Dalam contoh ini, lajur kedua jadual dipadam. Anda boleh menggantikan "1" dengan indeks lajur yang anda mahu padamkan.

Bagaimana menggunakan jQuery untuk memadam lajur terakhir jadual?

Untuk menggunakan jQuery untuk memadam lajur terakhir jadual, anda boleh menggunakan pemilih

. Berikut adalah contoh: :last-child

<code class="language-javascript">$("table td:last-child,th:last-child").remove();</code>

Dalam contoh ini, lajur terakhir jadual dipadam.

Bolehkah saya menggunakan jQuery untuk memadam lajur dalam jadual berdasarkan tajuknya?

Ya, anda boleh menggunakan jQuery untuk memadam lajur dalam jadual berdasarkan tajuknya. Anda boleh menggunakan pemilih

untuk mencari tajuk yang mengandungi kandungan tertentu, dan kemudian gunakan kaedah :contains() untuk memadam lajur yang sepadan. Berikut adalah contoh: remove()

<code class="language-javascript">var index = $("table th:contains('Header')").index() + 1;
$("table td:nth-child(" + index + "),th:nth-child(" + index + ")").remove();</code>

Dalam contoh ini, lajur bertajuk "Header" dipadam.

bagaimana saya menggunakan jQuery untuk memadam lajur dalam jadual jika saya tidak tahu nombor lajur?

Jika anda tidak mengetahui nombor lajur yang ingin anda padamkan, anda boleh menggunakan pemilih :contains() untuk mencari lajur yang mengandungi kandungan tertentu dan kemudian gunakan kaedah remove() untuk memadamkannya. Berikut adalah contoh:

<code class="language-javascript">// 删除第一列
$('#table').find('td,th').first().remove();

// 删除第二列
$('table tr').find('td:eq(1),th:eq(1)').remove();

// 删除第n列 (n代表列序号)
$('table tr').find('td:eq(n),th:eq(n)').remove();</code>

Dalam contoh ini, mana -mana lajur yang mengandungi perkataan "kandungan" dipadam.

Bolehkah saya menggunakan jQuery untuk memadam lajur jadual terlebih dahulu dan kemudian menambahnya kembali?

Ya, anda boleh menggunakan jQuery untuk memadam lajur jadual dan menambahnya kembali. Walau bagaimanapun, sebaik sahaja lajur dipadam, ia tidak boleh ditambah secara langsung. Anda perlu menyimpan lajur dalam pembolehubah sebelum memadamkannya, dan kemudian masukkannya jika diperlukan.

Bagaimana menggunakan jQuery untuk memadam lajur dalam jadual tanpa menjejaskan susun atur?

Apabila anda menggunakan jQuery untuk memadam lajur dalam jadual, susun atur jadual akan diselaraskan secara automatik. Walau bagaimanapun, jika anda ingin menyimpan susun atur, anda boleh menyembunyikan lajur dan bukannya mengeluarkannya. Berikut adalah contoh:

<code class="language-javascript">$("table td:nth-child(2),th:nth-child(2)").remove();</code>

Dalam contoh ini, lajur kedua jadual tersembunyi dan susun atur jadual dikekalkan.

Jawapan yang disemak ini memberikan penjelasan yang lebih terperinci dan tepat untuk setiap FAQ, meningkatkan kejelasan dan kegunaannya.

Atas ialah kandungan terperinci JQuery Keluarkan Lajur Jadual (mengikut nombor lajur). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!