1

我使用 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开发工具显示隐藏输入。有人遇到过这个问题吗？如果有人可以提供帮助，将不胜感激。谢谢你。

4

1 回答 1

0

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

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

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

于 2011-02-24T11:15:59.327 回答