在所有pre元素上调用JSON.stringify

时间:2012-06-04 15:05:14

标签: javascript jquery google-code-prettify

我正在尝试JSON.stringify具有指定类的文档中的<pre>元素中的所有JSON文本,然后使用google-code-prettify添加语法着色。由于我不知道Javascript或jQuery我正在努力 - 到目前为止,我所拥有的是以下内容:

<body onload="prettyPrint()">
    ...
    <pre class="prettyprint lang-js">{...}</pre>
    ...
</body>
<script>
    $('[class="prettyprint lang-js"]').next().text("TEST"); // call JSON.stringify()?
</script>

漂亮的打印工作,但我不知道如何调用JSON.stringify甚至只是选择正确的元素。

更具体地说,我想要做的是文档中所有带有“prettyprint lang-js”类的<pre>元素,我想用调用{{1}的结果替换文本内容在那个文本上,然后调用
谷歌代码美化`prettyPrint()'到语法颜色。

1 个答案:

答案 0 :(得分:0)

您可以使用类选择器按类名选择任何元素。试试这个。

$('.prettyprint.lang-js').each(function(){
    var $this = $(this);
    $this.text(JSON.stringify($this.text()));
});

//Now you can call prettyPrint
prettyPrint();