gpt4 book ai didi

javascript - 无法使用 jquery 的单击事件附加 div

转载 作者:行者123 更新时间:2023-11-28 11:22:29 24 4
gpt4 key购买 nike

大家好,我想将 div 动态附加到我单击的 div 中。这是代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="query.js">
$('.hello').click(function(){
$(this).append('<div>I am the new one</div>');
});
</script>
</head>
<body>
<div class="hello1">Hello guys</div>
<div class="hello2">Hiiiiiiii</div>
<div class="hello3">Awesome</div>
</body>
</html>

谁能告诉我我的代码有什么问题

最佳答案

您的代码中有 3 个问题

  1. 脚本标记不能包含 src 和内容
  2. 由于您的脚本是在元素加载之前放置的,因此您需要将脚本放入 dom 就绪处理程序中
  3. 您的 html 中没有名为 hello 的类

所以

<div class="hello">Hello guys</div>
<div class="hello">Hiiiiiiii</div>
<div class="hello">Awesome</div>

<script src="query.js"></script>
<script>
jQuery(function ($) {
$('.hello').click(function () {
$(this).append('<div>I am the new one</div>');
});
})
</script>

关于javascript - 无法使用 jquery 的单击事件附加 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32328053/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com