Melihat lebih dekat pada nilai pulangan kaedah jQuery prev().-tutorial js-php.cn

Melihat lebih dekat pada nilai pulangan kaedah jQuery prev().

WBOY

Lepaskan： 2024-02-27 13:15:03

asal

1248 orang telah melayarinya

深入了解jQuery prev()方法的返回值

jQuery ialah perpustakaan JavaScript popular yang digunakan secara meluas dalam pembangunan bahagian hadapan. Kaedah prev() digunakan untuk mendapatkan elemen adik-beradik di hadapan setiap elemen dalam set elemen padanan Hari ini kita akan melihat dengan lebih mendalam pada nilai pulangan kaedah prev() serta contoh penggunaan dan kod khususnya. .

Mula-mula, mari kita lihat sintaks kaedah prev(): prev([selector]). Antaranya, pemilih parameter pilihan ialah pemilih yang digunakan untuk menapis dan memilih elemen adik-beradik sebelumnya. Jika parameter pemilih tidak diluluskan, kaedah prev() akan mengembalikan elemen adik beradik pertama sebelum setiap elemen padanan.

Seterusnya, kami menggambarkan nilai pulangan kaedah prev() melalui contoh kod tertentu. Katakan kita mempunyai struktur HTML berikut:

<!DOCTYPE html>
<html>
<head>
    <title>jQuery prev()方法示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div class="container">
        <p>第一个段落</p>
        <p>第二个段落</p>
        <p>第三个段落</p>
    </div>
</body>
</html>

Salin selepas log masuk

Sekarang kita menggunakan kod jQuery untuk mendapatkan elemen adik beradik sebelumnya bagi setiap elemen perenggan dan mengeluarkan kandungan elemen adik beradik sebelumnya ke konsol:

$(document).ready(function() {
    $("p").each(function() {
        var prevSibling = $(this).prev();
        if (prevSibling.length) {
            console.log(prevSibling.text());
        } else {
            console.log("没有前一个兄弟元素");
        }
    });
});

Salin selepas log masuk

Dalam kod di atas, kita mula-mula menggunakan pemilih $("p") untuk memilih semua elemen perenggan, dan kemudian melintasi setiap elemen perenggan melalui kaedah each(). Dalam setiap traversal, gunakan kaedah prev() untuk mendapatkan elemen adik-beradik sebelumnya bagi elemen perenggan semasa. Tiada unsur adik-beradik sebelumnya" adalah output. Unsur persaudaraan".

Melalui contoh kod di atas, kita dapat melihat bahawa nilai pulangan kaedah prev() ialah objek jQuery, mewakili elemen adik-beradik sebelumnya bagi elemen semasa. Jika elemen saudara sebelumnya wujud, objek jQuery mengandungi elemen ini jika ia tidak wujud, panjang objek jQuery ialah 0.

Untuk meringkaskan, dengan menggunakan kaedah prev(), kita boleh mendapatkan elemen adik beradik di hadapan setiap elemen dengan mudah dan melakukan operasi selanjutnya padanya. Ini sering digunakan dalam pembangunan bahagian hadapan sebenar Saya harap penjelasan dan contoh kod di atas akan membantu semua orang.

Atas ialah kandungan terperinci Melihat lebih dekat pada nilai pulangan kaedah jQuery prev().. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!