Question

所以这是我写的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>

同时，jQuery：

$(document).ready(function(){
    $("#frn").on('click', function(){
        $(".eng").html("modifier cette phrase en anglais");
    });
});

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

但是，当我在Google Chrome上预览时。它没有用。通过单击跨度，没有任何反应。请帮助我。

Answer 1

HI检查更新的代码，你没有包含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>

快乐编码

Answer 2

这个JSFiddle

工作正常

https://jsfiddle.net/5g3decLd/1/

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

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

单击span时更改div内容的jQuery

2 个答案: