Javascript jQuery在单击span时更改div内容_Javascript_Jquery_Html

Javascript jQuery在单击span时更改div内容

javascript jquery html

Javascript jQuery在单击span时更改div内容,javascript,jquery,html,Javascript,Jquery,Html,这就是我写的html： <html> <head> <script type="text/javascript" src="language.js"></script> </head> <body> <div class="eng"> Change this English sentence </div> <span id="frn" style="text-decoration:u

这就是我写的html：

<html>
<head>
<script type="text/javascript" src="language.js"></script>
</head>
<body>
   <div class="eng"> Change this English sentence </div>
   <span id="frn" style="text-decoration:underline">French</span>
</body>

我使用Microsoft Expression Web 4.0.1460.0生成此代码。所以，我想做的是在用户单击span时更改div上的文本。在这种情况下，当有人用文本法语和ID#frn单击span时，将已定义的文本从英语更改为法语

然而，当我在谷歌浏览器上预览时。它不起作用。通过单击跨度，什么也没有发生。

请在这方面帮助我。

它在这个JSFiddle中运行良好

另外，我建议将html（）更改为text（）

您好，检查更新后的代码，您还没有包括jquery库，这可以正常工作

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#frn").on('click', function(){
        $(".eng").html("modifier cette phrase en anglais");
    });
});
</script>
</head>
<body>



  <div class="eng"> Change this English sentence </div>
   <span id="frn" style="text-decoration:underline">French</span>

</body>
</html>


$（文档）.ready（函数（）{
$（“#frn”）。在（'click'，function（）上{
$（“.eng”）.html（“英语修饰语”；
});
});
把这个英语句子改一下
法语

快乐编码

在调用函数之前，您似乎没有链接页面中的jQuery库。这是正确的，非常感谢！欢迎-如果你把所有的js代码放在页面的末尾，那么页面加载速度会更好。只是一个思想快乐的编码：）啊，是的，我忘了！谢谢您的帮助。@brandeluke嗨，如果这个答案对您有帮助，请将其标记为正确答案。希望将来能这样做。。谢谢，干杯

$(".eng").text("modifier cette phrase en anglais");

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#frn").on('click', function(){
        $(".eng").html("modifier cette phrase en anglais");
    });
});
</script>
</head>
<body>



  <div class="eng"> Change this English sentence </div>
   <span id="frn" style="text-decoration:underline">French</span>

</body>
</html>