I'm just trying to add some string or HTML tag inside div #OL_Icon_63 using jQuery .append(), here's the example of code :

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

But that's code won't work for me, I try to change the code like this :

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

And

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

Two kinds of code work for me where I use .hover() and .click() after body tag, but i basically can not use the function like .append() or anything else without adding .hover() or .click() after $("body") but when I use click or hover the string appeared repeatedly

Can anyone give me some example / opinion so that .append() jQuery function will work perfect for me?

I'm just trying to add some string or HTML tag inside div #OL_Icon_63 using jQuery .append(), here's the example of code :

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

But that's code won't work for me, I try to change the code like this :

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

And

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

Two kinds of code work for me where I use .hover() and .click() after body tag, but i basically can not use the function like .append() or anything else without adding .hover() or .click() after $("body") but when I use click or hover the string appeared repeatedly

Can anyone give me some example / opinion so that .append() jQuery function will work perfect for me?

• javascript
• jquery

Share Improve this question Follow edited Aug 8, 2012 at 18:56 Jhonny Jr. asked Aug 8, 2012 at 18:45 Jhonny Jr.Jhonny Jr. 30633 gold badges44 silver badges1616 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 1

A more general solution is using the fact javascript functions are objects, once the function clickAction is called it will set itself to a blank function after appending the text

EDIT This does not work in jQuery due to the way it handles events, however it does contain a method called one()

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

Use text instead:

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

You are using append incorrectly. Append is for adding elements to the innerHTML of an element. text is for text, and html is for HTML

This will also replace all text in the element, so there will be no multiples.

why don't you try without $(document).ready this works for me:

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

Working example: http://jsfiddle/tgzKQ/