English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery replaceWith() メソッド

jQuery HTML/CSS 方法

replaceWith()メソッドは選択された要素を新しい内容で置き換えます。

replaceWith()メソッドは、replaceAll()しかし、contentおよびselector逆です。

文法:

置き換え内容:

$(selector).replaceWith(content)

機能を使用して内容を置き換える:

$(selector).replaceWith(function(index))

すべての段落を<h1>要素:

$("button").click(function(){
  $("p").replaceWith("<h1>新しいタイトル</h1>");
});
测试看看‹/›

機能を使用して内容を置き換える:

$("button").click(function(){
  $("p").replaceWith(function(i){
    return「<2>この要素のインデックスは「" + i + ".</h2>";
  });
});
测试看看‹/›

参数值

参数描述
content指定要插入的内容(可以包含HTML标记)

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

function(index)指定一个函数,该函数返回要替换的HTML内容
  • index-返回元素在集合中的索引位置

jQuery HTML/CSS 方法