Update the id and not replace in javascript

Question

The two functions in the javascript are both having a statement-

$('#'+key).html(data) 

funtion data(data) {
  $('#'+key).html(data)
}

funtion data2(data) {
  $('#'+key).html(data)
}

which is essentially replacing the value of the key. I don't want the replacement but basically add to the same data and then render the new value.

I am very new to Javascript- will be glad if someone can point in the right direction. Thanks in advance.

note you're not using plain javascript, but the `$` hints to jQuery syntax. — Len, Feb 09 '18 at 10:44
Perhaps now would be a good time to read the [jquery manual](http://api.jquery.com/) if you don't know how to do a simple thing like append — Pete, Feb 09 '18 at 11:07

score 2 · Accepted Answer · answered Feb 09 '18 at 10:53

2

I don't want the replacement but basically add to the same data

Use append instead of html

$('#'+key).html(data) 

funtion data(data) {
  $('#'+key).append(data)
}

funtion data2(data) {
  $('#'+key).append(data)
}

answered Feb 09 '18 at 10:53

gurvinder372

64,240
8
67
88

score 1 · Answer 2 · answered Feb 09 '18 at 10:53

Without JQuery:

If you want to add just text, use appendChild:

function addText(divID, text) {
    document.querySelector("#"+divID)
        .appendChild(document.createTextNode(text));

}
/** TEST **/
var number = 1;
var intervalID = setInterval(addMore, 500);
function addMore() {
    addText("appendHere", "Text #"+(++number)+" ")
    // do not add infinitelly
    if(intervalID>20)
        clearInterval(intervalID);
}

<div id="appendHere"></div>

If you want to append HTML, just alter the code a bit:

function addHTML(divID, html) {
    var fragment = document.createElement("span");
    fragment.innerHTML = html;

    document.querySelector("#"+divID)
        .appendChild(fragment);

}

NnN · Answer 3 · 2018-02-09T11:04:19.377

1

As per first comment of @gurvinder372

funtion data(data) {
  $('#'+key).append(data)
}

funtion data2(data) {
  $('#'+key).append(data)
}

This will help you to understand data handling on HTML elements using JQuery methods.

edited Feb 09 '18 at 11:04

answered Feb 09 '18 at 10:55

NnN

425
2
10

Update the id and not replace in javascript

3 Answers3