Rumah > hujung hadapan web > tutorial js > kaedah jquery untuk mendapatkan dan menetapkan outerhtml_jquery

kaedah jquery untuk mendapatkan dan menetapkan outerhtml_jquery

WBOY
Lepaskan: 2016-05-16 16:10:38
asal
1457 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara jquery mendapatkan dan menetapkan outerhtml. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Semasa proses pembangunan, jQuery.html() adalah untuk mendapatkan kod html di bawah nod semasa, dan tidak termasuk kod nod semasa itu sendiri Walau bagaimanapun, kadangkala kita memerlukannya, dan kita boleh menggunakan jQuery. prop("outerHTML") disediakan.

Ramai pengguna jQuery sangat keliru tentang isu ini. Mengapakah outerHTML elemen html tidak boleh ditetapkan secara langsung seperti dalam DOM antara banyak kaedah mudah untuk mendapatkan dan menetapkan atribut?

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 ke

1. jquery mendapat outerhtml

<div class="test"><p>hello,你好!</p></div>
<script>
$(".test").prop("outerHTML");
</script>
Salin selepas log masuk

2. tetapan jquery outerhtml

$('.test').prop('outerHTML', '<input>');
Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan