在jQuery-UI选项卡中访问oldPanel隐藏的HTML变量

Question

我正在使用jQuery 1.6.2和jQuery-ui 1.9.0。 我有一些这样的标签：

<li><a href="#document-tab" onclick="return documentTabGet('CRFilingDocument.do', null);">Documents</a></li>
<li><a href="#litigant-tab" onclick="return litigantTabGet('CRFilingLitigantDetail.do', null)">Litigants</a></li>
<li><a href="#scheduling-tab" onclick="return schedulingTabGet('CRFilingScheduling.do', null);">Scheduling</a></li>

我已经设置了一个beforeActivate函数

jQuery("#reviewtabs").tabs({ 
    select:
        function (event, ui) {
            return CheckSomething();
        },

    show: 
        function (event, ui) { 
            //do some stuff
        },
    beforeActivate: 
        function( event, ui ) {
        return CheckSomething();
    }

});

在呈现这些选项卡之一的JSP上，我想检查beforeActivate中的隐藏HTML输入。 在Chrome控制台中，我可以通过键入ui.oldPanel来查看HTML，如何访问隐藏字段值？ 我已经尝试过ui.oldPanel.find（“ dirtyCheck”）。value，但返回的结果不确定。

谢谢，

汤姆

Answer 1

好的，如果ui.oldPanel不是未定义的，我们需要知道什么是dirtyCheck 。 输入的ID吗？ 输入CSS类？ 或者是其他东西 ？

如果dirtyCheck是您要查找的<input id="dirtyCheck" type="hidden" value="..."/>的ID ，则可以使用ID选择器和.val()方法获取其值：

ui.oldPanel.find('#dirtyCheck').val();

如果dirtyCheck是其css类，请使用css选择器和.val()方法：

ui.oldPanel.find('.dirtyCheck').val();

如果返回的值仍然不确定，请仔细检查您的输入是否确实在ui.oldPanel :)中，并为我们提供输入位置的html。