文章/答案/技术大牛

发布

社区首页 >问答首页 >我无法在jQuery中更改html的文本

问我无法在jQuery中更改html的文本
EN

Stack Overflow用户

提问于 2021-08-03 07:03:23

回答 2查看 60关注 0票数 1

我很久没有用过jQuery了，我忘记了很多东西。当一个元素点击的时候，我试图改变元素的文本，但是它不起作用，我不知道为什么。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>practice test</h1>
    <h1>practice test</h1>
    <h1>practice test</h1>
    <h1>practice test</h1>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script>
        $("h1").click(() => {
            console.log("event trigered");
            $(this).text("this element is clicked");
        });
        
    </script>
</body>
</html>

html

jquery

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-08-03 07:17:16

你可以做这样的事情。在这里，您通过单击发送事件，然后获取目标，即单击，然后可以使用.text()编辑该事件的内容

$("h1").click(event => {
  const clickedElement = $(event.target);
  console.log("event trigered");
  clickedElement.text("this element is clicked");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>practice test1</h1>
<h1>practice test2</h1>
<h1>practice test3</h1>
<h1>practice test4</h1>

票数 1

Stack Overflow用户

发布于 2021-08-03 07:11:01

您是否尝试过使用html()函数而不是text()？此外，如果您仍然有问题，可以查看这个StackOverflow页面：How to change a text with jQuery

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68631677

复制

相似问题

问我无法在jQuery中更改html的文本
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我无法在jQuery中更改html的文本EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我无法在jQuery中更改html的文本
EN