10

jQuery を使用して H1 内のテキストを検索し、これを使用して既に foo2 にあるテキストを置き換えようとしています。以下の例:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Take text from element</title>
<script type="text/javascript">
var str = $("h1").text();
    $("#foo2").html(str);
    $("#foo2").replaceWith( str );
</script>
</head>

<body>

<div id="foo"><div id="foo2">replace with h1</div></div>

<h1>Text I want to take</h1>

</body>
</html>
4

4 に答える 4

25
$("#foo2").text($("h1").text());
于 2012-12-18T12:16:32.753 に答える
5
<script type="text/javascript">
 $(function() {
  var str = $("h1").text();
  $("#foo2").html(str);
  $("#foo2").replaceWith( str );
 });
</script>

あなたのコードは機能します。$(function(){//ここにあなたのコード});を置くだけです。その周りに。

于 2012-12-18T12:18:14.893 に答える
4

これはうまくいくはずです:

$('#foo2').text($('h1').text());

Jamiec が示唆したように、次のようにラップすることを忘れないでください$(document.ready();:

$(document).ready(function() {
    $('#foo2').text($('h1').text());
});

そうしないと、DOM がロードされる前に実行されます。つまり、コンテンツが見つかりません。

于 2012-12-18T12:16:28.090 に答える
0

次のページが役立つ場合があります。

タグ値または要素コンテンツの取得

于 2012-12-18T12:16:53.923 に答える