Jquery在PRE标签上添加不带引号的内容

Jquery append to PRE tag without quotes

本文关键字:PRE 标签 添加 Jquery      更新时间:2023-09-26

JS提琴示例http://jsfiddle.net/wR9P9/1/

在示例的HTML代码中,我有两个PRE标记。一个定义为id=good,其中已经填充了数据。第二个PRE标签有id=bad。这个标签没有定义数据,而是动态填充的,目前在javascript中使用append。

 var testY = [0,1,2,3]
var testX = [0,1,2,3]
var testValue = [5,10,15,20,2,4,6,8,3,6,9,12,4,8,12,16]
$(document).ready(function() {
    $(function () {
        $.each(testY, function(k,v) {
            $.each(testX, function(k2,v2) {
                $.each(testValue, function(k3,v3) {
                     $("#bad").append(v + "," + v2 + "," + v3);  
                });
            });
        });
    });
});

在javascript代码的第197行,我可以在好的和坏的前标记id之间切换来查看差异。

我的问题是,当我使用append时,它是用双引号附加每个元素,这导致我的图表中断。

如何添加到PRE标签而不包含双引号?

0,0,25代替"0,0,25"

在您用数据填充前标记之前创建图表,因为您的数据创建在(多个)$(document).ready(function() { .. }) / $(function() { .. })内。解决这个问题(在jsFiddle中注释掉)将创建一个填充的图表。

除此之外,你在你的数据后面少了一个新行字符,我也添加了那个。

http://jsfiddle.net/wR9P9/5/

上面的答案就是你需要的,这个答案也是关于单引号和双引号的将所有内容用单引号括起来,并在里面加上双引号应该可以了。例子:$("#bad").append('"' + v + ',' + v2 + ',' + v3 + '"');