jQueryでreplaceallメソッドを使用する方法-フロントエンドQ&A-php.cn

jQueryでreplaceallメソッドを使用する方法

WBOY

リリース： 2022-05-07 17:31:32

オリジナル

2676 人が閲覧しました

jquery では、replaceall メソッドを使用して、選択した要素を新しい HTML 要素に置き換えます。構文は「selected element.replaceAll (置換された要素)」です。このメソッドは replaceWith() と同じ機能を持ちます。同じですが、 replaceall() メソッドは置換に関数を使用できません。

jQueryでreplaceallメソッドを使用する方法

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

jquery の fire 関数は何を意味しますか?

replaceAll() メソッドは、選択された要素を指定された HTML コンテンツまたは要素に置き換えます。

ヒント: replaceAll() は replaceWith() と同じ効果があります。違いは構文にあります: コンテンツとセレクターの配置、および replaceWith() は置換に関数を使用できます。

構文

$(content).replaceAll(selector)

ログイン後にコピー

コンテンツが必要です。選択した要素を置き換えるコンテンツを指定します。

可能な値:

HTML コード - 例: ("

新しい要素 - 例: (document.createElement(") div "))

既存の要素 - ($(".div1"))

既存の要素は移動されず、コピーされて選択された要素の周りにラップされるだけです。

セレクターは必須です。置換する要素を指定します。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $(document.createElement("div")).replaceAll("p");
  });
});
</script>
<style>
div{height:20px;background-color:yellow;margin:10px;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用新的 div 替换所有段落</button>
</body>
</html>

ログイン後にコピー

出力結果:

jQueryでreplaceallメソッドを使用する方法