javascript - 使用 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);