我正在制作样式指南，并且在预标记中已禁用css，因此我试图将其作为有效css应用于上述示例框。
使用标记更容易理解（请不要介意怪异的缩进，它是有意简化渲染的。此外，“ defaut”是法语中的“ default”一词）：
<div id="styleguide" class="field-style">
<div class="colored">
</div>
<pre><code class="language-less">
@defaut: #000;
</code></pre>
<div class="colored">
</div>
<pre><code class="language-less">
@defaut: #e55240;
</code></pre>
<div class="colored">
</div>
<pre><code class="language-less">
@defaut: #fff;
</code></pre>
</div>
我尝试了几种变体，但没有用。这是我最近的尝试。在这里，我尝试通过正则表达式选择所有内容（包括“＃”）并将其删除。然后，我得到数字并将其置于背景样式中。您可能会说我应该直接过滤以仅通过正则表达式选择数值，但是它也不起作用，我也不知道为什么
$('.field-style .colored').each(function() {
var $this = $(this);
$this.css(
'background', '#' +
$this
.next('pre')
.children('code')
.text()
.replace('/^(.*?\\#)|;/', '')
);
您可以尝试使用冒号分割文本并获取由此产生的第二个值，然后删除分号：
$(this).css(
'background',
$(this).next().text()
.split(':')[1]
.trim()
.replace(';','')
);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句