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