Rumah >hujung hadapan web >tutorial js >jQuery dapatkan html termasuk tag elemen

jQuery dapatkan html termasuk tag elemen

Joseph Gordon-Levitt
Joseph Gordon-Levittasal
2025-02-27 09:00:24536semak imbas

jQuery Get html Including Element Tag

Jika anda menggunakan ciri -ciri AJAX, ia mungkin berguna untuk mendapatkan kod HTML untuk elemen yang mengandungi tag. Saya percaya mesti ada cara yang lebih mudah daripada mengkloning elemen dalam pembalut dan kemudian menggunakan jQuery untuk mendapatkan html pembungkus yang mengandungi tag elemen HTML. Sebelum saya mencari pendekatan yang lebih baik (lebih cekap), inilah coretan kod.

<code class="language-javascript">.clone().wrap('').parent().html();</code>
beberapa kaedah lain (dari komen pos, terima kasih):

// tidak pasti bagaimana mudah alihnya pada penyemak imbas yang berbeza $ ('#foo') [0] .outerhtml;

var foo = $ ('#bar');

var foo = $ ('h1');

console.log (foo); // output: jQuery (H1) console.dir (foo [0]); // output: Atribut dan fungsi elemen DOM

console.log (foo [0] ['oUterHtml']); // output: Tajuk

tentang jQuery mendapatkan FAQ (FAQ) untuk kod HTML yang mengandungi tag elemen

Apakah kaedah jQuery .html ()? Bagaimana ia berfungsi? Kaedah JQuery's .html () adalah fungsi terbina dalam dalam jQuery yang mendapat kandungan HTML elemen pertama dalam set elemen yang sepadan, atau menetapkan kandungan HTML bagi setiap elemen yang sepadan. Ia boleh membaca dan menulis kandungan HTML. Apabila kaedah ini digunakan untuk mengembalikan kandungan, ia mengembalikan kandungan elemen sepadan pertama. Apabila ia digunakan untuk menetapkan kandungan, ia menimpa kandungan semua elemen yang sepadan. Bagaimana untuk mendapatkan kandungan HTML elemen menggunakan kaedah jQuery .html ()? Untuk mendapatkan kandungan HTML elemen menggunakan kaedah jQuery .html (), hanya hubungi kaedah .html () pada objek jQuery yang mewakili elemen. Sebagai contoh, untuk mendapatkan kandungan HTML div dengan id "mydiv", anda boleh menggunakan kod berikut: var content = $ ("#mydiv"). Html (); Bagaimana untuk menetapkan kandungan HTML elemen menggunakan kaedah jQuery .html ()? Untuk menetapkan kandungan HTML elemen menggunakan kaedah jQuery .html (), anda perlu lulus kandungan baru sebagai rentetan ke kaedah .html (). Sebagai contoh, untuk menetapkan kandungan HTML div dengan id "mydiv", anda boleh menggunakan kod berikut: $ ("#mydiv"). Bolehkah saya menggunakan kaedah jQuery .html () untuk mendapatkan kandungan html yang mengandungi elemen itu sendiri? Tidak, kaedah jQuery .html () hanya mendapat kandungan HTML dalaman elemen, bukan elemen itu sendiri. Jika anda ingin mendapatkan kandungan HTML yang mengandungi elemen itu sendiri, anda boleh menggunakan kaedah .prop () dan gunakan "OUHERHTML" sebagai nama atribut. Contohnya: var content = $ ("#mydiv"). Prop ("oUTHTML"); Bolehkah saya menggunakan kaedah jQuery .html () untuk pelbagai elemen pada masa yang sama? Ya, anda boleh menggunakan kaedah jQuery .html () untuk pelbagai elemen pada masa yang sama. Apabila digunakan untuk mendapatkan kandungan, ia mengembalikan kandungan elemen sepadan yang pertama. Apabila digunakan untuk menetapkan kandungan, ia menetapkan kandungan semua elemen yang sepadan. Sebagai contoh, untuk menetapkan kandungan yang sama untuk semua div, anda boleh menggunakan kod berikut: $ ("div"). HTML ("

Kandungan baru untuk semua divs

"); Skrip ke dalam HTML anda menggunakan kaedah jQuery .html (). Perbezaan utama antara kaedah .html () mendapat atau menetapkan kandungan html elemen, manakala .text () mendapat atau menetapkan kandungan teks. kaedah ml (). Kaedah dikaitkan

Atas ialah kandungan terperinci jQuery dapatkan html termasuk tag elemen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn