gpt4 book ai didi

javascript - 循环遍历数组以检查输入值的列是否为空

转载 作者:行者123 更新时间:2023-12-03 12:18:20 24 4
gpt4 key购买 nike

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

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

请帮忙!我被困住了-_-

JQUERY

//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>

最佳答案

这是fiddle的代码。

//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>

关于javascript - 循环遍历数组以检查输入值的列是否为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24573067/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com