文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >循环遍历数组，以检查输入值列是否为空。

问循环遍历数组，以检查输入值列是否为空。
EN

Stack Overflow用户
提问于 2014-07-04 11:15:10
回答 2查看 209关注 0票数 0

我再次陷入困境，我不知道如何继续，因为我对我的jQuery函数视而不见。

我想要的是将主表的列保存到数组中，在数组中可以检查哪个列是空的。然后我要将值发送到表中。(第三职能)。

请帮帮我！我被卡住了--

JQUERY

代码语言：javascript
复制
//function to save input value below the textbox in a "list" of columns.

$('#SaveButtonId').click(function () {
    $('.table2 tr .table2td').text($('input[type="text"]').val());
    $('input[type="text"]').val('');
});

//function to iterate through .mytd columns and put them in an array.
var columns = [];
$('.table').each(function() {
    $(this).find('.mytd:text').each(function() {
        columns.push($(this).val());
    });
});

//function to send value to empty column
$('#ActivateButton').click(function() {
    $('.table tr .mytd').text($('.table2td').val());
});

HTML

代码语言：javascript
复制
<div id="table-columns">
                <table class="table">
                    <thead>
                        <tr class ="tr-table">
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>
                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>
                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>

                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>


                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>

                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>
                    </thead>
                </table>
            </div>

     <div class="row">
                    <div class="span2">
                    </div>
                    <div class="span8">
                        <div>
                            <table class="table table-bordered table-condensed" data-bind="visible: items().length > 0">
                                <thead>
                                    <tr>
                                        <th>Items</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input id="Information"type="text"name="Information"/>
                                        </td>
                                        <td>
                                            <input id="SaveButtonId" type="submit" value="Save">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                            <table class="table2" style="border: 0;">
                                <thead>
                                <tr>
                                    <td class="table2td" style=" width: 100%"></td>
                                    <td id="Inputs"><input id="ActivateButton"          type="submit" value="Activate &#8679;" /><input id="DeleteButton" type="submit" value="Delete &#10092;" /></td>
                                </tr>
                            </table>
arrays
javascript
jquery
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-07-04 11:47:26

这是代码的小提琴。

代码语言：javascript
复制
//function to save input value below the textbox in a "list" of columns.

$('#SaveButtonId').click(function () {
    $('.table2 tr .table2td').text($('input[type="text"]').val());
    $('input[type="text"]').val('');
});

//function to iterate through .mytd columns and put them in an array.
var columns = [];
$('.table').each(function() {
    $(this).find('.mytd:text').each(function() {
        columns.push($(this).val());
    });
});

//function to send value to empty column
$('#ActivateButton').click(function() {
    $('.table tr .mytd').text($('.table2td').val());
});
HTML

<div id="table-columns">
                <table class="table">
                    <thead>
                        <tr class ="tr-table">
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>
                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>
                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>

                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>


                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>

                        <tr>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                            <td class="mytd" style="border-top: groove;"></td>
                        </tr>
                    </thead>
                </table>
            </div>

     <div class="row">
                    <div class="span2">
                    </div>
                    <div class="span8">
                        <div>
                            <table class="table table-bordered table-condensed" data-bind="visible: items().length > 0">
                                <thead>
                                    <tr>
                                        <th>Items</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input id="Information"type="text"name="Information"/>
                                        </td>
                                        <td>
                                            <input id="SaveButtonId" type="submit" value="Save">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                            <table class="table2" style="border: 0;">
                                <thead>
                                <tr>
                                    <td class="table2td" style=" width: 100%"></td>
                                    <td id="Inputs"><input id="ActivateButton"          type="submit" value="Activate &#8679;" /><input id="DeleteButton" type="submit" value="Delete &#10092;" /></td>
                                </tr>
                            </table>
票数 1
EN

Stack Overflow用户

发布于 2014-07-04 11:46:17

也许你在寻找这样的东西来循环元素？

代码语言：javascript
复制
$("#table-columns tr td").each(function() { 
   var content = $(this).html(); 
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/24573067

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档