只希望第一次出现“特殊类型”的孩子

Question

我有多个带有子结构的td元素，类似于：

 <div>         // 1st div
  <td>Value1</td>
 </div>
 <div>         // 2nd div
  <td>Value1</td>
  <td>Value2</td>
  <td>Value1</td>
 </div>
 <div>         // 3rd div
  <td>Value3</td>
  <td>Value1</td>
 </div>
 <div>         // 4th div
  <td>Value2</td>
  <td>Value3</td>
 </div>

我只想选择1个td元素，每个单个div元素都具有Value1。如果div元素包含2个值为1的td元素，则我只选择1。

我读了此first child element of particular type 并使用了first-of-type和nth-of-type（1），但它们仅返回其第一个td元素（或第一个子元素）具有Value1的div。

在上述HTML中，我需要3个td元素（对于div1，div2和div3，因为它们都包含至少Value1的td）

使用div>td:first-of-type或div>td:nth-of-type(1)都给了我2个td元素。它未检测到第3个div中的第一个，可能是因为td与Value1不是第一个孩子。