jquery mendapat outerHtml yang mengandungi kod nod semasa itu sendiri_jquery

Semasa proses pembangunan, jQuery.html() memperoleh kod html di bawah nod semasa dan tidak menyertakan kod nod semasa itu sendiri Kadangkala kita benar-benar memerlukannya, tetapi tiada cara untuk mendapatkannya walaupun selepas itu mencari melalui dokumentasi jQuery api .

Saya melihat bahawa sesetengah orang menggunakan parent().html(). Jika elemen semasa tidak mempunyai unsur adik-beradik, ia akan berfungsi, tetapi jika ia ada, ia tidak akan berfungsi. Kemudian, percubaan mendapati terdapat kaedah jQuery yang boleh menyelesaikan masalah, dan ia sangat mudah, seperti berikut:

jQuery.prop("outerHTML");

Salin kod Kod adalah seperti berikut:

hello!

$(".test").prop("outerHTML");

Hasil output ialah:

hello, hello!

Oleh kerana terdapat outerHTML atribut terbina dalam dalam DOM JS asli (lihat kes, JS sensitif huruf besar) untuk mendapatkan kod html nod semasa (termasuk nod semasa), jadi anda boleh menggunakan jQuery's prop() untuk mendapatkannya Ya, selepas eksperimen, kaedah attr() tidak boleh diperolehi Jika anda tidak percaya, anda juga boleh mencubanya.

Sudah tentu, sesetengah orang menggunakan fungsi klon() jQuery bersama-sama dengan append() untuk mencipta nod dengan hanya satu elemen anak, dan kemudian mendapatkan html nod Ini juga boleh dilaksanakan, tetapi kodnya menyusahkan.