0

Bournemouth という単語を赤くしたいのですが、残りの単語は p スタイリングから継承します。

<script type="text/javascript">
    $(document).ready(function() {
        var now = new Date();
        var hours = now.getHours();
        var msg;
        if (hours >= 0 && hours <= 12) msg = "Today's lunch deals in Bournemouth";
        else if (hours >= 13 && hours <= 19) msg = "Tonight's dinner deals in Bournemouth";
        else msg = "Tomorrow's lunch deals in Bournemouth";
        $('#time p').text(msg);
    });
</script>

<div id="time" style="position:absolute; width:100%; padding-top:90px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; font-size:17px;">
    <p></p> 
</div>

jQuery の色に使用する必要がある特定のタグはありますか? HTMLを試しましたが、これはコードを出力しただけです。

4

4 に答える 4

4

span1行または単語のスタイルを設定するには、タグを使用できます。

HTML：

<p>Lorem ipsum dolor sit <span class="red">amet</span></p>

CSS：

.red
{
color:#FF0000;
}
于 2013-02-12T15:55:01.937 に答える
1

jQueryで何かに色を付けないでください（または、少なくとも直接ではなく、CSSを変更できます）

次のようなものを試してください。

if (hours >= 0 && hours <= 12) msg = "Today's lunch deals in <span class='red'>Bournemouth</span>";
  else if (hours >= 13 && hours <= 19) msg = "Tonight's dinner deals in <span class='red'>Bournemouth</span>";
  else msg = "Tomorrow's lunch deals in <span class='red'>Bournemouth</span>";

次に、htmlファイルで：

<style>
.red {
  color: red;
}
</style>

.text(また、交換する必要があります.html(

于 2013-02-12T15:55:40.677 に答える
0

以下のようにしてみてください..うまくいくでしょう...

それでは、<p>以下のように使用してください..

msg = "Tomorrow's lunch deals in <p style='color:red'>Bournemouth</p>";
$('#time p').html(msg);
于 2013-02-12T15:58:53.927 に答える
0

テキスト msg にスパンを追加し、これを html として追加します

 $(document).ready(function() {
  var now = new Date();
  var hours = now.getHours();
  var msg = " deals in <span class='highlight'>Bournemouth</span>";
  if (hours >= 0 && hours <= 12) msg = "Today's lunch"+ msg;
  else if (hours >= 13 && hours <= 19) msg = "Tonight's dinner"+ msg;
  else msg = "Tomorrow's lunch" + msg;
  $('#time p').html(msg);
});

CSS にハイライト クラスを追加します。

.highlight{color:red;}
于 2013-02-12T16:02:06.913 に答える