将课程添加到<code> tag if it&#39;s not inside a <pre> tag</pre></code>

时间:2013-06-15 21:53:41

标签: javascript jquery

我在DocPad网站上使用Highlight.js脚本。

我想将一些不错的样式应用到一个简单的<code>标签(这就是Markdown所做的那样),但如果我这样做,那么我就打破了Highlight.js正在使用的样式。 / p>

然而,Highlight.js的样式位于<pre>标记内。

那么解决方案?将类添加到不在<code>标记内的<pre>标记。

请您提供一些提示或总体方向,说明我需要做些什么来完成这项工作?谢谢你的帮助! :)

1 个答案:

答案 0 :(得分:4)

定位所有没有祖先code标记的pre代码:

$('code').filter(function() {
    return !$(this).closest('pre').length;
}).css('color', 'red');

FIDDLE