divコンテンツをjqueryに置き換える方法-フロントエンドQ&A-php.cn

divコンテンツをjqueryに置き換える方法

青灯夜游

リリース： 2022-03-11 14:50:30

オリジナル

4856 人が閲覧しました

jquery では、html() メソッドを使用して div 要素のコンテンツを置き換えることができます。このメソッドは、一致するすべての要素のコンテンツを設定してカバーできます。構文は "$("div") です。 html("新しい div コンテンツ ")"。

divコンテンツをjqueryに置き換える方法

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

jquery では、html() メソッドを使用して div 要素の内容を置き換えることができます。

html() メソッドは、選択した要素のコンテンツ (内部 HTML) を返すか設定します。

パラメータがこのメソッドに渡され、値が設定されると、一致するすべての要素の内容が上書きされます。

構文:

$(selector).html(content)
//或
$(selector).html(function(index,oldcontent))

ログイン後にコピー

パラメータ	説明
コンテンツ	オプション。選択した要素の新しいコンテンツを指定します。このパラメータには HTML タグを含めることができます。

#パラメータ説明


関数(インデックス,oldcontent)	選択した要素の新しいコンテンツを返す関数を指定します。 index - オプション。セレクターのインデックス位置を受け取ります。 oldcontent - オプション。セレクターの現在の内容を受け取ります。

関数(インデックス,oldcontent)

選択した要素の新しいコンテンツを返す関数を指定します。

index - オプション。セレクターのインデックス位置を受け取ります。
oldcontent - オプション。セレクターの現在の内容を受け取ります。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					 $("div").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>
	<body>

		<div>这是一段文字。</div>
		<div>这是另一段文字。</div><br>
		<button>改变 div 元素的内容</button>
	</body>
</html>

ログイン後にコピー

divコンテンツをjqueryに置き換える方法