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