css 使用第n个类型选择文本将返回连接的字符串

0lvr5msh  于 2022-12-20  发布在  其他
关注(0)|答案(1)|浏览(99)

我有下面的HTML,我想选择值"1933"。
我尝试了$('div.mydata dl:nth-of-type(1)').text(),但是返回了"1933110 m243",而我期望返回的是"1933"。我做错了什么?我已经检查了here

console.log($('div.mydata dl:nth-of-type(1)').text());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mydata">
  <div>
    <div class="left">
      Year: Lot size: Total: Cars: Motors:
    </div>
    <div class="right">
      <div>
        <dl>1933</dl>
      </div>
      <div>
        <dl>110 m<sup>2</sup></dl>
      </div>
      <div>
        N.A.
      </div>
      <div>
        <dl>4</dl>
      </div>
      <div>
        <dl>3</dl>
      </div>
    </div>
  </div>
</div>
qoefvg9y

qoefvg9y1#

选择器:$('div.mydata dl:nth-of-type(1)').text()实质上是选择div.mydata内的每个<dl>中的第一个。
如果您只需要页面上第一个<dl>的内容,请用途:

$($('div.mydata div dl').get(0)).text()

相关问题