选择特定DIV中的文本框(Jquery)

时间:2012-06-26 11:45:10

标签: javascript jquery

我需要一些我正在写的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>

USER Control

<%@ 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

1 个答案:

答案 0 :(得分:0)

不确定我是否正确理解了您的问题,但是:

而不是

alert(this.value);

尝试:

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