javascript - jQuery 选择 :last-child of container

Question

我在选择一组包含表格的 div 上的所有最后输入时遇到问题。 Here's a jsFiddle of my issue.

我的 HTML 结构的简化版本:

<div class=".container">
  <table>
    <tbody>
      <tr>
        <td> <input /> </td>
        <td> <input /> </td> <!-- last input in container -->
      </tr>
    </tbody>
  </table>
</div>

<!-- More like this -->
<div class=".container"> ...

因此，如果我有 5 个 .container，则结果选择将有 5 个 input

我尝试了以下选择器:

$('.container input:last-child')

Answer 1

您可以选择最后一个 td 并获取其子输入，例如:

var $inputs = $('.container td:last-child>input');

演示:https://jsfiddle.net/bonh4r0g/