jQuery用.text()替换div的内容不起作用

时间:2019-05-23 18:04:32

标签: javascript jquery html

我有一个div,其中包含我要使用Javascript替换的文字。它可以在JFiddle中使用,但由于某种原因不能在我的Javascript和HTML文件中使用。我不明白为什么。

以下是JSFidle的链接:https://jsfiddle.net/ZEZEME/wgt0ayqe/1/

这是我的实际代码:

test.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="test.js"></script>
</head>
<body>
    <div id="parkLinks"><span></span></div>
</body>
</html>

test.js

$('#parkLinks span').text("Hi I am replace");

如您所见,它非常简单,但是不起作用。该页面为空,而不显示“嗨,我要替换”

1 个答案:

答案 0 :(得分:0)

您的test.js在加载页面之前正在运行,请在test.js中尝试:

(function(){
  $('#parkLinks span').text("Hi I am replace");
})()

您还可以使用JQuery的document.readyhttp://learn.jquery.com/using-jquery-core/document-ready/

// A $( document ).ready() block.
$( document ).ready(function() {
    console.log( "ready!" );
});