jQuery for html表,用于根据其他单元格值更改单元格内容
我有一个类似于此的表,但有许多行:jQuery for html表,用于根据其他单元格值更改单元格内容,jquery,forms,html-table,Jquery,Forms,Html Table,我有一个类似于此的表,但有许多行: <table width=400px id=mytable> <tr> <td>test one</td> <td>yes</td> <td>success</td> </tr> <tr> <td>test two</td> <td>yes</td> <td&
<table width=400px id=mytable>
<tr>
<td>test one</td>
<td>yes</td>
<td>success</td>
</tr>
<tr>
<td>test two</td>
<td>yes</td>
<td>none</td>
</tr>
</table>
我的桌子可以有大约20行,我想每2行做一次
理想情况下,我想要一个跳动器,但一旦我能够解释第二个td值,这应该是可能的。此代码将遍历td,查看一个单元格是否有值“无”,如果是,则将下一个单元格的值设置为“进行中”:
$(function() {
$('#mytable td').each(function() {
var html = $(this).html();
if (html == "none")
$(this).next().html("in progress");
});
});
$("#mytable td:nth-child(2)").each(function(index, elem)
{
if($(elem).html() === "none")
{
$(elem).next().html("in progress")
}
});
根据以下评论更新代码:
$(document).ready(function() {
$('td').each(function() {
if ($(this).html() == "yes" && $(this).next().html() == "none") {
$(this).next().html("in progress");
}
});
});
此代码将遍历td,查看一个单元格是否有“无”值,如果有,则将下一个单元格的值设置为“进行中”:
$(function() {
$('#mytable td').each(function() {
var html = $(this).html();
if (html == "none")
$(this).next().html("in progress");
});
});
$("#mytable td:nth-child(2)").each(function(index, elem)
{
if($(elem).html() === "none")
{
$(elem).next().html("in progress")
}
});
根据以下评论更新代码:
$(document).ready(function() {
$('td').each(function() {
if ($(this).html() == "yes" && $(this).next().html() == "none") {
$(this).next().html("in progress");
}
});
});
试试这个
$('#mytable td').each(function() {
var html = $(this).html();
if(html === 'none'){
$(this).next('td').text('in progress');
}
});
请参见“工作”试试这个
$('#mytable td').each(function() {
var html = $(this).html();
if(html === 'none'){
$(this).next('td').text('in progress');
}
});
请参见工作检查此项
检查这个
可以使用each()运行循环,使用它运行计数器,并每次检查计数器是偶数还是奇数
当然,有更好的方法可以做到这一点。您可以使用each()运行一个循环,使用它运行一个计数器,并每次检查计数器是偶数还是奇数
当然,有更好的方法可以做到这一点。本例将在第行中每隔一秒检查一次td,如果值为“无”,则将下一个单元格替换为“进行中”:
$(function() {
$('#mytable td').each(function() {
var html = $(this).html();
if (html == "none")
$(this).next().html("in progress");
});
});
$("#mytable td:nth-child(2)").each(function(index, elem)
{
if($(elem).html() === "none")
{
$(elem).next().html("in progress")
}
});
此示例将在第行中每秒检查一次td,如果值为“无”,则将下一个单元格替换为“进行中”:
$(function() {
$('#mytable td').each(function() {
var html = $(this).html();
if (html == "none")
$(this).next().html("in progress");
});
});
$("#mytable td:nth-child(2)").each(function(index, elem)
{
if($(elem).html() === "none")
{
$(elem).next().html("in progress")
}
});
看起来你已经知道自己在做什么了。将
if
语句与$(“#mytable”).find('td').eq(4).text('changeme')合并代码>做你想做的事。看起来你已经知道你在做什么了。将if
语句与$(“#mytable”).find('td').eq(4).text('changeme')合并代码>去做你想做的。该死,我没有问对我的问题!您的解决方案确实回答了我的问题,但我的场景与我的问题不同。所以实际上,小区td2是肯定的,而td3是否定的。td3将在收到测试结果时更新。虽然td2为是,td3为无,但我想将td3的值更改为“进行中”。但当td3更新时,我想向数据库值显示成功或失败。你能改变代码做一个。。。如果(html==“yes”)和$(this).next==none)…我已经更新了代码。我希望我正确地理解了您:)JSFiddle here:我刚刚尝试实现您的解决方案,但遇到了一些问题。也许是其他jquery的东西破坏了它。我在我的网页jsfiddle.net/W4jSu/18中使用了相同的代码?嗨,很抱歉耽搁了。是的,这是完美的,现在正在我的网站上运行-工作的一种享受。谢谢该死,我问得不对!您的解决方案确实回答了我的问题,但我的场景与我的问题不同。所以实际上,小区td2是肯定的,而td3是否定的。td3将在收到测试结果时更新。虽然td2为是,td3为无,但我想将td3的值更改为“进行中”。但当td3更新时,我想向数据库值显示成功或失败。你能改变代码做一个。。。如果(html==“yes”)和$(this).next==none)…我已经更新了代码。我希望我正确地理解了您:)JSFiddle here:我刚刚尝试实现您的解决方案,但遇到了一些问题。也许是其他jquery的东西破坏了它。我在我的网页jsfiddle.net/W4jSu/18中使用了相同的代码?嗨,很抱歉耽搁了。是的,这是完美的,现在正在我的网站上运行-工作的一种享受。谢谢在这些解决方案之后,我意识到我的问题问得不对,所以我更新了我的问题。@Oli只是用yes替换none。酷-耶。这些答案帮助我理解,我可以轻松地更改和使用jquery。。谢谢你的帮助help@Oli是的,jQuery极大地简化了DOM的使用。你可以阅读api并轻松地做任何可以做的事情。是的,我刚刚提出了一个令人眼花缭乱的解决方案,它基于对我的django应用程序的轻微更改。我现在让jquery使用“正在进行”和“图像”的值更新页面,当测试值出现时,这些值将变为“已完成”和“成功|失败”。V快乐。谢谢你的回答。在这些解决方案之后,我意识到我的问题问得不对,所以我更新了我的问题。@Oli用yes替换none。酷-耶。这些答案帮助我理解,我可以轻松地更改和使用jquery。。谢谢你的帮助help@Oli是的,jQuery极大地简化了DOM的使用。你可以阅读api并轻松地做任何可以做的事情。是的,我刚刚提出了一个令人眼花缭乱的解决方案,它基于对我的django应用程序的轻微更改。我现在让jquery使用“正在进行”和“图像”的值更新页面,当测试值出现时,这些值将变为“已完成”和“成功|失败”。V快乐。谢谢你的回答我意识到在这些解决方案之后我没有问对我的问题,所以我更新了我的问题..我意识到在这些解决方案之后我没有问对我的问题,所以我更新了我的问题..我意识到在这些解决方案之后我没有问对我的问题,所以我更新了我的问题..在这些解决方案之后,我意识到我的问题问得不对,所以我更新了我的问题..太好了-谢谢。我看了这个,它帮助我想出了我的解决方案。谢谢你的输入太好了-谢谢。我看了这个,它帮助我想出了我的解决方案。谢谢你的意见