有一个异常结果的文本是这样的:
<span class='sException'>Exception throwed. Please check details:
Message:String was not recognized as a valid DateTime.
Stack: at System.DateTimeParse.ParseExact(String s, String format, DateTimeFormatInfo dtfi, DateTimeStyles style) at ...
</span>
我想用 css 包装一些文本(Message:、Stack: 和它们之间的文本)。所以我想得到这个结果:
<span class='sException'>Exception throwed. Please check details:
<b>Message:</b><span class='sMessage'>String was not recognized as a valid DateTime.</span>
<b>Stack:</b><span class='stack'> at System.DateTimeParse.ParseExact(String s, String format, DateTimeFormatInfo dtfi, DateTimeStyles style) at ... </span>
</span>
有什么办法可以用 css 实现吗?
类似的东西:
.sException{ text-align:left; border:1px solid red; }
.sException[find text like 'Message:']{ display:block; font-weight:bold; text-indet:20px; }
.sException[find text after 'Message:']{ display:block; font-weight:normal; text-indet:30px; }
.sException[find text like 'Stack:']{ display:block; font-weight:bold; text-indet:20px; }
.sException[find text after 'Stack:']{ display:block; font-weight:normal; text-indet:30px; }
最佳答案
CSS 不会生成标签。 CSS 是样式标签。您需要使用 jquery 来解析 .sException
的内容并格式化数据
$('.sException').each(function() {
var content = $(this).text();
if(content.indexOf('Message:') > -1) {
// wrap in span tags
}
// etc
$(this).html(content);
});
关于jquery - 在另一个标签中查找和包装带有标签的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3350354/