Changing data-src value using jQuery not working

Question

I have the following line of code:

tpj("#totalcostinclship").empty().append( "<span data-src='"+pricefinal+"' id='totalcostinclship'></span>" ).text(pricefinal);

It first empties the existing element and then appends the new element. pricefinal in this case contains 245 but when I inspect my HTML, this is what I see:

<span data-src="220" id="totalcostinclship">245</span>

The .text is applied but the data-src not at all. Why could that be? 220 is the value of the data-src on page load, so before any jQuery event is started.

Assuming tpj is a reference to jQuery, then I am unable to replicate your problem. The given code works absolutely fine: jsfiddle.net/q29Lgwu5. I can only assume you have some other logic which affects the data attribute after you append the new element — Rory McCrossan
– Rory McCrossan, Commented May 15, 2019 at 10:24

Kirsten Phukon · Accepted Answer · 2019-05-15 10:48:43Z

2

var pricefinal = 245;
var tpj = $.noConflict();

tpj("#totalcostinclship").empty().append("<span data-src='" + pricefinal + "' id='totalcostinclship'></span>").text(pricefinal);
tpj("#totalcostinclship").attr('data-src',pricefinal);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="totalcostinclship"></div>

Add this line

tpj("#totalcostinclship").attr('data-src',pricefinal);

after your js. Like this ->

tpj("#totalcostinclship").empty().append( "<span data-src='"+pricefinal+"' id='totalcostinclship'></span>" ).text(pricefinal);
tpj("#totalcostinclship").attr('data-src',pricefinal);

edited May 15, 2019 at 10:48

answered May 15, 2019 at 10:36

Kirsten Phukon

3143 silver badges17 bronze badges

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

1 Comment

twan Over a year ago

Thank you, this did the job!

Collectives™ on Stack Overflow

Changing data-src value using jQuery not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related