css选择器 - 获取值

Question

获取文本值'2017-10-09'的css选择器是什么？

<div class="col-xs-6">                                        
   <strong>
   <!--ko text: date -->
      2017-10-09
   <!--/ko--> 
   <!--ko text: time -->
      12:55
   <!--/ko-->
   </strong><br>                                        
   <!--ko text: locationName -->
      City
   <!--/ko-->                                    
</div>

Answer 1

没有这样的选择器。

除了少数例外（例如:first-line），选择器只允许您选择元素。

文字2017-10-09不是元素，它甚至不是元素的全文内容。

strong会允许您选择<strong><!--ko text: date -->2017-10-09<!--/ko--><!--ko text: time -->12:55<!--/ko--></strong>，但这比您要求的要多。

您可以选择strong元素，然后阅读其文本内容，然后对其进行解析（例如，将其拆分为空格字符或使用正则表达式，例如/(\d{4}-\d{2}-\d{2})/）。

Answer 2

没有CSS选择器可以检查我所知的文本节点中的数据格式。你应该在日期周围包装一个标签，并为该标签使用适当的选择器，如：

<div class="col-xs-6">                                        
   <strong>
   <!--ko text: date -->
      <span class="date">
        2017-10-09
      </span>
   <!--/ko--> 
   <!--ko text: time -->
      12:55
   <!--/ko-->
   </strong><br>                                        
   <!--ko text: locationName -->
      City
   <!--/ko-->                                    
</div>

或者，您可以将div中的强标记作为目标，然后处理文本节点之外的日期。