jquery - 访问隐藏 Div 中的元素计数和值

Question

我无法在 JQuery 中获取 DIV 内设置为隐藏的表的 TR 计数。

这是一个例子:

<div id="questions" style="display: none;">
<table id="tbl_questions">
<thead>
 <tr>
  <th>Question</th>
  <th>Weight</th>
 </tr>
</thead>
<tbody>
 <tr id="q0">
  <td id="td_question0">Some Question 0</td>
  <td id="td_wieght0">Some Weight 0</td>
 </tr>
 <tr id="q1">
  <td id="td_question1">Some Question 1</td>
  <td id="td_wieght1">Some Weight 1</td>
 </tr>
</tbody>
</table>
</div>

请注意，该表位于包含的 div 内。它设置为显示:无。当我尝试运行此 JQuery 代码时，它返回 0。

var question_count = $("#tbl_questions> tr").size();
alert(question_count);

有什么想法吗？

我尝试找到计数，以便可以在表中构建每个问题和权重的数组。由于 ID 为我提供了一个索引，这应该很简单，但是它包含在隐藏的 DIV 中这一事实是否会像上面的问题一样成为一个问题？

谢谢，泰根·施奈德

Answer 1

尝试:

var question_count = $("#tbl_questions tbody tr").size();

这将拾取来自 #tbl_questions 的 tbody 后代的行，无论嵌套深度如何。请参阅http://api.jquery.com/descendant-selector/ 。

以下内容也应该有效，因为 tbody 是 #tbl_questions 的直接子级，而 tr > 包含您的问题的是 tbody 元素的直接子元素:

var question_count = $("#tbl_questions > tbody > tr").size();

另请参阅http://api.jquery.com/child-selector/