2012-06-26 29 views
0

我需要一些幫助來編寫一些Javascript。我有不同的名稱不同的DIV類,我想循環每個DIV類。所以有一個外部循環來選擇DIV類,然後有一個內部循環,它通過DIV類並選擇所有的文本框值。在特定的DIV中選擇文本框(jquery)

我的問題是我的JQuery選擇每個DIV中的每個文本框。請參閱下面的代碼。

HTML

<div class="Parent"> 

    <div class="Percentage"> 
    <pe:Percentage runat="server" /> 
    </div> 

    <div class="Percentage"> 
    <pe:Percentage runat="server" /> 
    </div> 

    <div class="Percentage"> 
    <pe:Percentage runat="server" /> 
    </div> 

</div> 

用戶控件

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="percentagerange.ascx.cs" Inherits="js_percentagerange" %> 
<div id="percentage"> 
<asp:TextBox runat="server" ID="txtPercentage1" onchange="percentageCount()">50</asp:TextBox> <asp:Label runat="server" ID="lbl1" >% </asp:Label> 
<br /><br /> 
<asp:TextBox runat="server" ID="txtPercentage2" onchange="percentageCount()">50</asp:TextBox> <asp:Label runat="server" ID="Label1">% </asp:Label> 
<br /><br /> 
<asp:TextBox runat="server" ID="txtPercentage3" onchange="percentageCount()">0</asp:TextBox> <asp:Label runat="server" ID="Label2">% </asp:Label> 
<br /><br /> 
</div> 

的Javascript

function percentageCount() { 

    var totalPercentage = 0; 

    $(".Parent").children().each(function(i, val) { 
     alert($(".Parent").html()); 

     $(val + "[id*='txt']").each(function(i, val) { 
      alert(this.value); 
     }); 
    }); 

$(document).ready(function() { 
    $(".Parent").children().each(function(i, val) { 
    $(this).removeClass("Percentage").addClass("Percentage" + i); 

    percentageCount(); 
}); 

基本上我想循環THR ough每個。百分比並訪問文本框的值。但僅限於該DIV。不是每個DIV

+0

在文件準備好我選擇.parent和每個子類在.Parent我刪除類.Percentage和addClass。百分比+我所以每個類都有獨特的名稱。因此,在我的PercentageCount函數中,我想遍歷每個.Percentage並查看值。由於Jquery我使用內部循環選擇每個div中的每個txt而不是當前外部循環中的txts,如果這有意義的話? –

回答

0

不知道如果我理解正確的話您的問題,而是:

而不是

alert(this.value); 

嘗試:

alert($(this).val()); 
+0

這不起作用。 $(val +「[id * ='txt']」)。each(function(i,val){選擇id =「txt」的每個輸入當我想看到特定div中的文本框的值時,Val包含div名稱。 –