jquery - 如何在第一个 div 中获取第一类中的值？

Question

<div class="item">
   <div class="name">
     <input type="text" class="XXX">
   </div>
</div>
<div class="item">
    <div class="name">
     <input type="text" class="XXX">
   </div>
</div>
<div class="item">
   <div class="name">
     <input type="text" class="XXX">
   </div>
</div>

如何在 jquery select 中使用 :eq() 从文本框 class="xxx" 获取值，我正在尝试类似 $('.item:eq(0).name.XXX').val();

Answer 1

您应该在选择器之间使用空格：

$('.item:eq(0) .name .XXX').val();

或者：

$('.item:eq(0) > .name > .XXX').val()

或者：

$('.item:eq(0)').find('input').val()

Answer 2

只需要在 item:eq(0),name,XXX 之间添加空格

$('.item:eq(0) .name .XXX').val();

Answer 3

试试$('.item:eq(0) .name .XXX')。你需要像 CSS 选择器那样做，它需要一个空间来让下一个选择器应用于后代。或>用于直系子女。