使用jQuery更改data-src值不起作用

Question

我有以下代码行：

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

它首先清空现有元素，然后追加新元素。 pricefinal在这种情况下包含245，但是当我检查HTML时，会看到以下信息：

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

已应用.text，但根本没有data-src。为什么会这样呢？ 220是页面加载时data-src的值，因此在启动任何jQuery事件之前。

Answer 1

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>

添加此行

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

在您的js之后。像这样->

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