Question

我正在尝试使用这段jquery更改跨度内的文本，但我无法做到。为什么这不起作用？这段代码有什么问题？

<html> 
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">< /script>
<script>
$(document).ready(function(){

    $("span").text("Changed");
});
});

</script>
</head>

<body>

<p>This is a <span>section</span>.</p>

 <p>This is <span>another</span> paragraph.</p>

</body>
 <html>

Answer 1

请关注控制台是否存在错误..在您的代码中出现错误Uncaught SyntaxError: Unexpected token }",

$(document).ready(function(){

    $("span").text("Changed");
});   
}); //<<<<<<<<<<<<<< remove this line

工作演示

$(document).ready(function(){
  $('span').text('Changed');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>This is a <span>section</span>.</p>
<p>This is <span>another</span> paragraph.</p>

Answer 2

应该有效

$(document).ready(function(){

    $("span").text("Changed");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


<p>This is a <span>section</span></p>

 <p>This is <span>another</span> paragraph.</p>

Answer 3

请注意：

1）脚本标签前/中的空格正在破坏您的代码

2）Html应该关闭

3）}）;由于某种原因重复

你可以使用更短的符号：

$(function() {})

而不是：

$(document).ready(function() { })

无法使用jquery更改范围文本

3 个答案: