jquery replace HTML div value

Question

I am forming the div dynamically on document load like below. I have a ajax call and on response fro the AJAXcall I want to replace the value 'right' with the value from the AJAX call using jQuery.

Basically I want to replace the value for the text div mentioned below once AJAX has the success data.

var beginContainer = '<div class="container">';
var endDiv = '</div>';
var beginInner = '<div class="inner">';
var text = '<div class="text" id=3 style="color:#0000FF" align ="center">';
var append = beginContainer + beginInner + text + 'Number of sensors' + endDiv + text + '10cents/sensor' + endDiv + endDiv + beginInner + text +'right'+endDiv +endDiv;

$('#content').append(append);  

var beginContainer = '<div class="container">';
var endDiv = '</div>';
var beginInner = '<div class="inner">';
var text = '<div class="text" id=4 style="color:#0000FF" align ="center" value="kkk">';
var append = beginContainer + beginInner + text + 'Total Bill' + endDiv + text + 'Month-to-Month' + endDiv + endDiv + beginInner + text +'right'+endDiv +endDiv;

$('#content').append(append);

Anyway... The easiest way is to wrap the text on a span and give this element an ID. So you can refer to it by its ID later. — emerson.marini
– emerson.marini, Commented May 5, 2015 at 22:42
FYI, you have id=3 in text variable's div, and in the append variable, you are using text multiple times. This will create multiple elements with the same id, which is not proper HTML and is considered a very bad practice. I think you should consider fixing this and perhaps refactor the code to make it easier to spot before working on the AJAX or you'll be in for a lot more headache down the line. — user193130
– user193130, Commented May 5, 2015 at 22:50
I can get rid off the id tag on text. I am not using it any way. — Abhi.G
– Abhi.G, Commented May 5, 2015 at 22:54
The div element doesn't have an attribute value. Also, the use of the attribute align is deprecated. — emerson.marini
– emerson.marini, Commented May 5, 2015 at 22:57

emerson.marini · Accepted Answer · 2015-05-05 22:49:24Z

3

You could use a span tag, something like:

var append = beginContainer + beginInner 
    + text + 'Number of sensors' + endDiv + text 
    + '10cents/sensor' + endDiv + endDiv + beginInner 
    + text + '<span id="yourSpan">right</span>' 
    + endDiv + endDiv;

So you can use reference it by:

$("#yourSpan").html("ajaxResult");

edited May 5, 2015 at 22:49

emerson.marini

9,3462 gold badges35 silver badges50 bronze badges

answered May 5, 2015 at 22:47

Horu Cardona

744 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PRDeving · Accepted Answer · 2015-05-05 22:42:36Z

-2

use this for your ajax call:

$.ajax("URL.com",function(e){
  $("#wherever").html(e);
});

answered May 5, 2015 at 22:42

PRDeving

6693 silver badges11 bronze badges

3 Comments

emerson.marini Over a year ago

This will replace the whole content of the selected element.

PRDeving Over a year ago

he said "i want to replace the value for the text div mentioned below once ajax has the success data", so if you run: $(".text").html(e);

emerson.marini Over a year ago

The OP wants to replace a specific word that's part of the element's content, not its entire content. Read the question again. I want replace the value 'right' with the value from the AJAX call

Collectives™ on Stack Overflow

jquery replace HTML div value

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related