0

私が書いている 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>

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

基本的に、各 .Percentage をループして、テキスト ボックスの値にアクセスしたいと考えています。ただし、その DIV のみ。DIVごとではない

4

1 に答える 1

0

あなたの問題を正しく理解したかどうかはわかりませんが、

それ以外の

alert(this.value);

試す：

alert($(this).val());
于 2012-06-26T12:23:57.520 に答える