设置逗号分隔的html文本而不添加列表

时间:2018-01-28 08:25:04

标签: javascript jquery

<div class="working-days">Monday, Tuesday, Wednesday, Thursday, Friday</div>

<div class="weekends">Saturday, Sunday</div>

这可能是Style,例如,星期三,因为它没有为每天添加列表吗?

以下是我尝试过的内容,但它会对div中的所有文本进行设置,而不是一个一个地设置:

$( ".working-days:contains('Monday')" ).css( "text-decoration", "underline" );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="working-days">Monday, Tuesday, Wednesday, Thursday, Friday</div>

2 个答案:

答案 0 :(得分:1)

Text个节点没有style属性,您可以将要设置样式的文本换行到span

<div class="working-days">Monday, Tuesday, <span class="txtStyle">Wednesday</span>, Thursday, Friday</div>

答案 1 :(得分:0)

您可以直接在span标记中应用css

<span style="color: #ff0000">Monday</span>