コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで前の要素を削除する方法

jqueryで前の要素を削除する方法

青灯夜游
リリース： 2021-11-16 16:45:51
オリジナル
3219 人が閲覧しました

前の要素を削除する Jquery メソッド: 1. prev() メソッドを使用して、指定された要素の前の要素オブジェクトを取得します (構文 "$(selector).prev()"; 2. Remove メソッドを使用します。 () 削除メソッド 前の要素オブジェクトを取得します。構文は「前の要素 object.remove()」です。

jqueryで前の要素を削除する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery は前の要素を削除します

jquery で前の要素を削除したい場合は、まず前の要素を取得する必要があります。これは prev() メソッドを使用する必要があります。

prev() メソッドは、選択した要素の前の兄弟要素を返します。 (兄弟要素とは、同じ親要素を共有する要素です。)

前の要素を取得するには、remove() メソッドを使用して削除する必要があります。

実装コード:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <script src="js/jquery-1.10.2.min.js"></script>

        <script type="text/javascript">

            $(document).ready(function() {

                $("#but1").click(function() {

                    $("#box").prev().remove();

                });

            });

        </script>

 

    </head>

    <body>

        <p>第一段</p>

        <p>第二段</p>

        <p>第三段</p>

        <p id="box">第四段--#box元素</p>

        <p>第五段</p>

        <p>第六段</p>

        <button id="but1">删除 #box元素 前一个元素</button>

    </body>

</html>

ログイン後にコピー

jqueryで前の要素を削除する方法

関連チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryで前の要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
jquery 要素の削除
前の記事：jqueryの要素の高さを変更できる関数は何ですか? 次の記事：jqueryはtrにあるtdsの数をどのように取得しますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート