javascript - 更改部分文本的样式

Question

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>
<noscript>
    <a href="http://polldaddy.com/poll/5968383/">
        This is a test question ?
    </a>
</noscript>

样式化文本“这是一个测试问题”的 CSS 类是“pds-question-top”。是否可以设置此文本的一部分样式，即将“This”的颜色更改为蓝色？

这是在 jsfiddle 上：http: //jsfiddle.net/25LjE/

Answer 1

如果你有这样的 div：

<div class="pds-question-top"> This is a test question ?</div>

您可以将文本替换为“This”在跨度内的新文本。

var rp = $('.pds-question-top').text().replace('This', '<span style="color:blue;">This</span>');

$('.pds-question-top').html(rp);

不是一个很好的解决方案，但它应该可以工作。

Answer 2

尽管 JavaScript 解决方案会很好，但请参阅 Alex 的回答，您的问题文本在noscript标签内，这意味着任何使用 JavaScript 解决此问题的尝试都行不通。

或者，我建议手动span将所述文本包装在一个元素中，然后使用一个类对其进行样式设置，如下所示：

html

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>
<noscript>
    <a href="http://polldaddy.com/poll/5968383/">
        <span class="highlight">This</span> is a test question ?
    </a>
</noscript>

CSS

.highlight
{
    color: #0f0;
}