javascript - 如何在 jQuery 中回显 data-ac-chart ="' bar'"？

Question

我无法在 jQuery 中“回显”“”闭包。我试过这个方法:

$('#run').append("<pre><code class='prettyprint'>"+data+"</code></pre> <div data-ac-chart="+"'"+"bar"+"'"+" data-ac-data='data' data-ac-config='config' class='chart'></div>");

但这会显示:

<div data-ac-chart="bar" data-ac-data="data" data-ac-config="config" class="chart"></div>

如何将 jQUery 代码编辑为结果将是这样的:

<div data-ac-chart="'bar'" data-ac-data="data" data-ac-config="config" class="chart"></div>

Answer 1

不是最简洁的解决方案，但您可以转义双引号。

<div data-ac-chart=\"'" + data + "'\"></div>

Example Here

$('#run').append("<pre><code class='prettyprint'>"+data+"</code></pre> <div data-ac-chart=\"'" + data + "'\" data-ac-data='data' data-ac-config='config' class='chart'></div>");

为了更简洁的解决方案，我建议检查 JS 模板引擎。

---

或者，您也可以在添加元素后更改/添加值:

Example Here

$('#run [data-ac-chart]').attr('data-ac-chart', "'" + data + "'");