Juara semak jika elemen berada dalam jadual html

Kod ini secara rekursif mencari dom elemen induk elemen input untuk mencari elemen jadual.

<code class="language-javascript">// 通过 HTML 表格标签过滤父元素
$('.item :first :input[name="code"]').parents('table')

// 条件判断，未找到父表格元素
($('.item :first :input[name="code"]').parents('table').length == 0)</code>

Jika dijumpai, panjang pulangan 1;

Soalan Lazim untuk JQuery dan HTML Forms (FAQ)

Bagaimana menggunakan jQuery untuk memeriksa sama ada jadual HTML wujud?

Untuk menggunakan jQuery untuk memeriksa sama ada jadual HTML wujud, anda boleh menggunakan atribut

. length Atribut Mengembalikan bilangan elemen yang sepadan dengan pemilih yang ditentukan. Berikut adalah contoh mudah: length

<code class="language-javascript">if ($("table").length) {
  // 表格存在
} else {
  // 表格不存在
}</code>

Dalam kod ini,

adalah pemilih jQuery yang memilih semua elemen jadual. Jika nilai yang dikembalikan oleh atribut $("table") lebih besar daripada 0, ia bermakna sekurang -kurangnya satu jadual wujud. length

Bagaimana menggunakan jQuery untuk memilih sel tertentu dalam jadual HTML?

anda boleh menggunakan pemilih pemilih. :eq() Pemilih memilih elemen dengan nombor indeks tertentu. Nombor indeks bermula pada 0. Berikut adalah contoh: :eq()

<code class="language-javascript">$("table tr:eq(1) td:eq(2)").html();</code>

Dalam kod ini,

memilih sel dalam baris kedua dan lajur ketiga jadual. Kemudian, kaedah $("table tr:eq(1) td:eq(2)") mendapat kandungan HTML sel ini. html()

Bagaimana untuk menambah baris ke jadual HTML menggunakan jQuery?

Anda boleh menambah baris ke jadual HTML menggunakan kaedah

jQuery. Kaedah append() memasukkan kandungan yang ditentukan pada akhir elemen yang dipilih. Berikut adalah contoh: append()

<code class="language-javascript">$("table").append("<tr><td>新行</td></tr>");</code>

Dalam kod ini,

menambah baris baru yang mengandungi sel ke hujung meja. $("table").append("新行")

Bagaimana menggunakan jQuery untuk memadam baris dari jadual HTML?

Anda boleh menggunakan kaedah JQuery's

untuk memadamkan baris dari jadual HTML. remove() Kaedah memadam elemen yang dipilih dan anak -anaknya. Berikut adalah contoh: remove()

<code class="language-javascript">$("table tr:eq(1)").remove();</code>

Dalam kod ini,

memadam baris kedua dalam jadual. $("table tr:eq(1)").remove()

Bagaimana menggunakan jQuery untuk mengubah suai kandungan sel dalam jadual HTML?

anda boleh menggunakan kaedah

jQuery untuk mengubah suai kandungan sel dalam jadual HTML. html() kaedah menetapkan atau mengembalikan kandungan elemen yang dipilih (innerHTML). Berikut adalah contoh: html()

<code class="language-javascript">$("table tr:eq(1) td:eq(2)").html("新内容");</code>

Dalam kod ini,

mengubah kandungan sel dalam baris kedua dan lajur ketiga jadual untuk "kandungan baru". $("table tr:eq(1) td:eq(2)").html("新内容")

Bagaimana menggunakan jQuery untuk memilih semua sel dalam lajur dalam jadual HTML?

anda boleh menggunakan pemilih

jQuery untuk memilih semua sel dalam lajur dalam jadual HTML. :nth-child() pemilih memilih semua elemen elemen kanak -kanak nth elemen induknya. Berikut adalah contoh: :nth-child()

<code class="language-javascript">// 通过 HTML 表格标签过滤父元素
$('.item :first :input[name="code"]').parents('table')

// 条件判断，未找到父表格元素
($('.item :first :input[name="code"]').parents('table').length == 0)</code>

Dalam kod ini, $("table td:nth-child(2)") memilih semua sel dalam lajur kedua jadual.

Bagaimana menggunakan jQuery untuk menyembunyikan lajur jadual HTML?

anda boleh menggunakan kaedah hide() jQuery untuk menyembunyikan lajur jadual HTML. hide() Kaedah menyembunyikan elemen terpilih. Berikut adalah contoh:

<code class="language-javascript">if ($("table").length) {
  // 表格存在
} else {
  // 表格不存在
}</code>

Dalam kod ini, $("table td:nth-child(2)").hide() menyembunyikan semua sel dalam lajur kedua dalam jadual.

Bagaimana menggunakan jQuery untuk memaparkan lajur tersembunyi dalam jadual HTML?

anda boleh menggunakan kaedah show() jQuery untuk memaparkan lajur tersembunyi dalam jadual HTML. Kaedah show() memaparkan elemen yang dipilih. Berikut adalah contoh:

<code class="language-javascript">$("table tr:eq(1) td:eq(2)").html();</code>

Dalam kod ini, $("table td:nth-child(2)").show() memaparkan semua sel dalam lajur kedua dalam jadual.

Bagaimana menggunakan jQuery untuk memilih semua baris dalam jadual HTML?

anda boleh menggunakan pemilih jQuery $("table tr") untuk memilih semua baris dalam jadual HTML. Pemilih ini memilih semua elemen baris dalam jadual. Berikut adalah contoh:

<code class="language-javascript">$("table").append("<tr><td>新行</td></tr>");</code>

Dalam kod ini, $("table tr") memilih semua baris dalam jadual.

Bagaimana menggunakan jQuery untuk mengira bilangan baris dalam jadual HTML?

anda boleh menggunakan atribut length jQuery untuk mengira bilangan baris dalam jadual HTML. length Atribut Mengembalikan bilangan elemen yang sepadan dengan pemilih yang ditentukan. Berikut adalah contoh:

<code class="language-javascript">$("table tr:eq(1)").remove();</code>

Dalam kod ini, $("table tr").length mengembalikan bilangan baris dalam jadual, dan nilai ini disimpan dalam pembolehubah rowCount.

Atas ialah kandungan terperinci Juara semak jika elemen berada dalam jadual html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!