javascript - 使用 jQuery 在 div 标签内添加一些字符串

Question

我只是想#OL_Icon_63使用 jQuery在 div 中添加一些字符串或 HTML 标记.append()，这是代码示例：

$(document).ready(function() {
    $('#OL_Icon_63').append('HELLO WORLD');
});

但那是代码对我不起作用，我尝试像这样更改代码：

$(document).ready(function() {
    $("body").click(function() {
       $('#OL_Icon_63').append('HELLO WORLD');
    });
});

和

$(document).ready(function() {
    $("body").hover(function() {
       $('#OL_Icon_63').append('HELLO WORLD');
    });
});

两种代码对我有用，在我使用的地方.hover()和.click()在 body 标记之后，但我基本上不能使用 .append() 之类的函数或任何其他函数，而无需在 $("body") 之后添加 .hover() 或 .click() 但是当我使用单击或悬停时，字符串重复出现

谁能给我一些例子/意见，以便.append()jQuery 函数对我来说完美吗？

score 1 · Accepted Answer

更通用的解决方案是使用 javascript 函数是对象这一事实，一旦调用函数 clickAction，它会在附加文本后将自身设置为空白函数

编辑由于它处理事件的方式，这在 jQuery 中不起作用，但是它确实包含一个名为 one() 的方法

$(document).ready(function() {
  var clickAction = function(){
     $('div').append("Hello World");
  } 
    $("div").one("click",clickAction);
});

score 0 · Accepted Answer

改用text：

$('#OL_Icon_63').text("hello world")

您使用的附加错误。Append 用于将元素添加到元素的 innerHTML。text用于文本，html用于 HTML

这也将替换元素中的所有文本，因此不会有倍数。

score 0 · Accepted Answer

你为什么不试试$(document).ready这对我有用：

(function(){
    $('#OL_Icon_63').append('HELLO WORLD');
})();

3 回答 3