Question

看似简单的问题，但是我找不到任何文档来阐明什么是正确的方法。

给出如下一组描述标签（dt元素），如何使用CSS选择器（当循环<div>元素时）从其中一个元素获取文本？

<div class="data">
    <dt class="title">Date</dt>
    <dd class="info">14/09/2018</dd>
</div>
<div class="data">
    <dt class="title">Time</dt>
    <dd class="info">14:55</dd>
</div>

例如，如何从第一个<dt>中获得单词“ Date”？

我已经尝试过使用<div>或类似方法使用的普通css选择器方法，如下所示：

dt.title ::text

，但这不会返回文本，也不会产生任何结果。还有没有其他方法可以使用CSS选择器获取此文本？

如果仅使用选择器dt.title，则会得到完整的标记（即不仅是文本），因此我确信该部分可以工作，但是我必须在第二个参数中缺少某些内容。

Answer 1

There is no such css pseudo selector.您正在寻找的是：

$('dt.title').text();

或香草javascript：

document.querySelector('dt.title').textContent;

<dt>元素（定义列表标签）中文本的CSS选择器

1 个答案: