jquery 选项卡中的隐藏元素不可见答案

【问题标题】：Hidden elements in jquery tabs are not visiblejquery 选项卡中的隐藏元素不可见
【发布时间】：2010-11-14 23:01:50
【问题描述】：

我使用 jquery 选项卡小部件并使用来自另一个 aspx 页面的内容填充每个选项卡面板。看起来像这样：

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div id="tabs">
  <ul>
    <li><%: Html.ActionLink("PENDING", "PendingList", "Admin")%></li>
    <li><%: Html.ActionLink("APPROVED", "ApprovedList", "Admin")%></li>
    <li><%: Html.ActionLink("DENIED/CANCELED", "CanceledList", "Admin")%></li>
  </ul>
</div>

作为内容注入的页面如下所示：

<table cellpadding="2" cellspacing="0" border="1">
<thead>
<tr>
    <td>Event name</td><td>Private</td><td>Location</td><td>Start date</td>
    <td>Duration</td><td>Asset</td><td>Contact name</td><td>Email</td><td>Phone</td>
</tr>
</thead>
  <tbody>
    <tr>
      <td>Some event Name<input type="hidden" id="bookingId" value="1"></td>
      <td>Yes</td>
      <td>...</td>
      ...
    </tr>
 </tbody>
</table>

在放置选项卡小部件的父页面上，我尝试从表元素的正文中读取值。

$(document).ready(function () {

 function initializeCanceledTab(tabPanel/**/) {
        var tabRows = $(tabPanel).find("table tr");

        tabRows.each(function (index, domEl) {
            var id = $(this).find("input:hidden").val();
            or
            var id = $(this).find("#bookingId:hidden").val();
            or 
            var id = $(this).find("input:has[type='hidden']").val();
        });
 });

我可以读取除隐藏字段中的值之外的所有值。 $(this) 是一个 tr 元素。检查它（innerHTML）表明那里没有隐藏的输入。但是当页面呈现萤火虫和IE开发工具显示隐藏输入。有人遇到过这个问题吗？如果有人可以提供帮助，将不胜感激。谢谢。

【问题讨论】：

你能在viewsource中看到它们吗
@你可以多做一件事，在firebug控制台写jquery代码看看能不能得到结果
ViewSource 仅显示父页面上的内容，不显示表格或其他注入元素。如果我在描述表格的内容页面上编写脚本，我可以解决这个问题。但希望将脚本放在一个地方。

标签： jquery jquery-plugins jquery-tabs

【解决方案1】：

不知道您是否仍然遇到此问题，但假设内容已正确加载，这应该可以工作：

var id = $(this).find("input[type='hidden']").val();

:hidden 与 :text 或 :button 不同 - http://api.jquery.com/hidden-selector/

【讨论】：