Rumah >hujung hadapan web >tutorial js >Bagaimanakah kaedah prev() jQuery berfungsi?

Bagaimanakah kaedah prev() jQuery berfungsi?

王林asal: 2024-02-27 13:36:04526semak imbas

Kaedah

jQuery’s prev() ialah kaedah yang digunakan untuk mendapatkan elemen adik beradik sejurus sebelum setiap elemen dalam set elemen padanan. Kaedah ini hanya mengembalikan elemen adik-beradik yang terdahulu, iaitu unsur adik-beradik sebelumnya. Di bawah ini kami menggunakan contoh kod khusus untuk menggambarkan cara kaedah prev() jQuery berfungsi.

Pertama, kami menyediakan struktur HTML ringkas yang mengandungi tiga elemen div bersebelahan:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery的prev()方法示例</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div id="div1">第一个div</div>
<div id="div2">第二个div</div>
<div id="div3">第三个div</div>

<script>
$(document).ready(function(){
  var prevElement = $('#div2').prev();
  console.log(prevElement.text());
});
</script>
</body>
</html>

Dalam kod di atas, kami menggunakan perpustakaan jQuery dan melaksanakan fungsi selepas dokumen dimuatkan. Dalam fungsi ini, kami memilih elemen div dengan id div2 dan menggunakan kaedah prev() untuk mendapatkan elemen adik beradik sebelumnya. Akhir sekali, cetak kandungan teks elemen yang diperoleh ke konsol.

Apabila kita menjalankan kod di atas, "div pertama" akan dikeluarkan dalam konsol Ini kerana kaedah prev() mendapatkan elemen adik-beradik di hadapan div2, iaitu, elemen div1 diperolehi melalui kaedah prev() , dan mencetak kandungan teksnya.

Ringkasnya, kaedah prav() jQuery boleh mendapatkan elemen adik beradik sebelum elemen, menjadikan kedudukan dan pengendalian elemen semasa proses pembangunan bahagian hadapan lebih fleksibel dan mudah.

Atas ialah kandungan terperinci Bagaimanakah kaedah prev() jQuery berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery html

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

Artikel sebelumnya：Bagaimana untuk mengalih keluar atribut ketinggian elemen dalam jQuery?Artikel seterusnya：Bagaimana untuk mengalih keluar atribut ketinggian elemen dalam jQuery?

Artikel berkaitan

Lihat lagi