在特定的DIV中選擇文本框（jQuery）

Question

我需要一些正在編寫的Javascript的幫助。 我有不同的DIV類，它們的名稱不同，我想遍歷每個DIV類。 因此，有一個外循環選擇DIV類，然后有一個內循環，它遍歷該DIV類並選擇所有文本框值。

我的問題是我的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>

Java腳本

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();
});

基本上，我想遍歷每個.Percentage並訪問文本框值。 但僅適用於該DIV。 不是每個DIV

Answer 1

不知道我是否正確理解了您的問題，但是：

代替

alert(this.value);

嘗試：

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