jQuery 循环多种形式

标签 jquery

我有一些动态创建的表单,并且有一个通用的提交按钮,单击该按钮后,我需要循环遍历所有表单并获取一个特定元素的值,并需要获取总和。我在下面给出了一些示例代码,问题是,代码执行了 4 次,但我期望循环应该执行 2 次。这段代码有什么问题?

    <html>
        <head>
          <script src="http://code.jquery.com/jquery-latest.js"></script>
            <script>
            $("document").ready(function() {
                $('form').each(function(index) {
                    $('form > select').each(function(selindex) {
                        alert(index + ":"+ selindex + ': ' + $(this).text());
                    });
                });
            });
            </script>
        </head>
    <body>
        <form name="form[1]">
            <input type="text">
            <select name="select[1]">
                <option value="1">One 1</option>
                <option value="2">Two 1</option>
            </select>
        </form>
        <form name="form[2]">
            <select name="select[2]">
                <option value="1">One 2</option>
                <option value="2">Two 2</option>
            </select>
        </form>
    </body>
    </html>

最佳答案

删除外部循环 - 您的内部选择器足以从文档中的所有表单获取数据:

                $('form > select').each(function(selindex) {
                    alert(index + ":"+ selindex + ': ' + $(this).text());
                });

关于jQuery 循环多种形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7875731/

相关文章:

javascript - 允许用户选择与文本输入值相等的复选框数量

jquery - 如何捕获正在调用的 Javascript 函数?

jquery - 在函数外部访问 jQuery 脚本

javascript - 拆分文本以最小化宽度,同时受 div 上的高度限制

jquery - 如何将选择的文本缩进四个空格

javascript - 如何从 javascript 调用 jquery 函数

javascript - 拖放错误

javascript - 无限循环将 Ajax 数据附加到 div

android - 在平板设备上填充

jquery - CSS 在可滚动页面上距顶部 20 像素处显示弹出窗口