javascript - 如何在 jQuery 中选择单个元素？

Question

我的表结构如下:

<table>
 <tr id="row1">
   <td>
     <div>row 1 content1</div>
   </td>
   <td>
     <div>row 1 content2</div>
   </td>
   <td>
     <div>row 1 content3</div>
   </td>
 </tr>
 <tr id="row2">
   <td>
     <div>row 2 content1</div>
   </td>
   <td>
     <div>row 2 content2</div>
   </td>
   <td>
     <div>row 2 content3</div>
   </td>
 </tr>
 <tr id="row3">
   <td>
     <div>row 3 content1</div>
   </td>
   <td>
     <div>row 3 content2</div>
   </td>
   <td>
     <div>row 3 content3</div>
   </td>
 </tr>
</table>

我试图使用 jQuery 选择第三行第二个单元格中的 DIV。我尝试了以下(除其他外):

var d = $('#row3').children(':eq(1)').children(':eq(0)');

我得到的是一个只有一个元素的数组(我想要的 DIV)，然后我必须使用 d[0] 进行访问。为什么 jQuery 返回的是单个元素数组，我以为使用上面的选择器会直接返回 DIV 元素？

---

@Shog9 - Duh...好吧，我的大脑刚刚亮起一盏灯，我现在明白了。干杯。

Answer 1

如果你喜欢保留一个 jQuery 对象，你可以这样写:

$("selector").first().val()