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 回答