2012-06-29 136 views
0

我想使用jquery来选择一些隐藏的字段从表中的特定行检索一些值,以使ajax调用。第一个变量(ebId)检索得很好,但其他所有变量都不会被设置。他们都是空的。我不能使用隐藏字段的名称,因为这些隐藏字段是动态创建的,并且具有相同的名称。所以我正在尝试使用一个类。任何想法为什么我选择最后3个变量(_product,_applicantType,_ssn)的方式不起作用?JQuery选择麻烦

这里的jQuery和相关的HTML

$('.submissionStatus').click(function() { 
     var _ebId = $(this).next('.ebId').val(); 
     var _product = $(this).next('.product').val(); 
     var _applicantType = $(this).next('.applicantType').val(); 
     var _ssn = $(this).next('.ssn').val(); 

     $.ajax({ 
      type: 'GET', 
      data: { ebId: _ebId, product: _product, applicantType: _applicantType, ssn: _ssn }, 
      url: '@Url.Action("GetSeverityErrors", "AppListing")', 
      success: function (data) { 
       alert('Call success') 
       $(this).next('.loaded').val(true); 
      }, 
      error: function (xhr, status, error) { 
       alert('An Error Occured.'); 
      } 
     }); 
    }); 

<input type="hidden" class="ebId" value="@item.ElectedBenefitId" /> 
<input type="hidden" class="product" value="@item.Product" /> 
<input type="hidden" class="applicantType" value="@item.ApplicantType" /> 
<input type="hidden" class="ssn" value="@item.Ssn" />  

多一点HTML见解:

<td align="left"> 
    <a style="color:red;" class="submissionStatus" href="javascript: void(0)" title="SubmissionStatus">@item.SubmissionStatus.ToPrettyString()</a> 

<input type="hidden" class="ebId" value="@item.ElectedBenefitId" /> 
<input type="hidden" class="product" value="@item.Product" /> 
<input type="hidden" class="applicantType" value="@item.ApplicantType" /> 
<input type="hidden" class="ssn" value="@item.Ssn" /> 
<input type="hidden" class="loaded" value="false" /> 
</td> 
+4

我需要查看'.submissionStatus'控件与您试图获取的隐藏字段的关系。你能粘贴更多相关的HTML吗? –

+0

对不起,我发布了它。它在相同的​​ –

回答

1

注意closest()选择基于它的参数最接近的父元素,试试这个:

var _ebId = $(this).siblings('input.ebId').val(); 
var _product = $(this).siblings('input.product').val(); 
var _applicantType = $(this).siblings('input.applicantType').val(); 
var _ssn = $(this).siblings('input.ssn').val(); 
+0

ebId和产品类是在多个隐藏值。我将如何从我选择的行中获取特定值? –

+0

@MattStewart你可以尝试选择元素的同胞的兄弟()方法。 – undefined

+0

这工作。我对JQuery很陌生,并不明白为什么这会起作用。你能解释一些吗? –

0
$('.submissionStatus').click(function() { 

     var storThis = this; 
     var _ebId = $(storThis).next('.ebId').val(); 
     var _product = $(storThis).next('.product').val(); 
     var _applicantType = $(storThis).closest('.applicantType').val(); 
     var _ssn = $(storThis).closest('.ssn').val(); 
+0

这仍然有ebId后的每个变量为空。同样的结果。 –