2 
<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」です。このテキストの一部をスタイリングすることはできますか？つまり、「これ」の色を青に変更することはできますか？

ここではjsfiddleにあります：http：//jsfiddle.net/25LjE/

4

2 に答える 2

1

このようなdivがある場合：

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

テキストを、「これ」がスパン内にある新しいテキストに置き換えることができます。

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

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

良い解決策ではありませんが、うまくいくはずです。

于 2012-07-03T13:10:04.613 に答える
0

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;
}
于 2012-07-03T13:18:03.200 に答える