我想对文本的某些部分应用自定义样式:
<span class="filename">ExportFileName_datefollows_%1$tY.txt<span/>
我想知道 (A) 我是否可以选择 %1$tY
部分,并且 (B) 是否可以使用自定义样式(颜色更改、边框或整个替换)显示它具有多个选项元素)
你觉得这可能吗?你会怎么做?
最佳答案
请看这个 fiddle : http://jsfiddle.net/vLEMN/1/
HTML:
<div class="filename-wrapper">
<span class="filename">
ExportFileName_datefollows_%1$tY.txt
</span>
<span class="filename-clone">
</span>
</div>
jQuery:
var cloneContent = $('.filename').html();
cloneContent = cloneContent.replace('%1$tY', '<span class="stylable">%1$tY</span>');
$('.filename-clone').html(cloneContent);
CSS:
.filename-wrapper {
position: relative;
}
.filename-clone {
background-color: #fff;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}
.stylable {
color: red;
}
这不是最动态的解决方案,但如果您始终需要选择 %1$tY
应该没问题
并保持原始 .filename
内容完整。
关于html - 匹配文本内容并应用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16605495/