html - 用于选择不包含表格元素的 div 元素的 css 查询

Question

我需要选择表外的 div 元素 ie.text 'Required Address'

如果我使用 ma​​in div[itemprop="address"] 我会得到所有 8 个地址

我想在不包含表作为父元素的情况下唯一标识所需的 div

HTML:

<main>
  <div>
    <div itemprop="address">Required Address</div>
    <table>
      <tbody>
        <tr><td>
          <div itemprop="address">Address1</div>
        </td></tr>
        <tr><td>
          <div itemprop="address">Address2</div>
        </td></tr>
        <tr><td>
          <div itemprop="address">Address3</div>
        </td></tr>
        <tr><td>
          <div itemprop="address">Address4</div>
        </td></tr>
        <tr><td>
          <div itemprop="address">Address5</div>
        </td></tr>
        <tr><td>
          <div itemprop="address">Address6</div>
        </td></tr>    
        <tr><td>
          <div itemprop="address">Address7</div>
        </td></tr>
      </tbody>
    </table>
  </div>
</main>

Answer 1

你可以在这里使用子选择器:

doc.select("main > div > div[itemprop='address']");