Javascript 表-隐藏一个元素，显示另一个元素

我是JavaScript新手，我有一个问题

我需要隐藏复选框，然后显示内容为“已取消”的

span

有人能帮我吗

$（文档）.ready（函数（）{
//查找并删除选定的表行
$（“.delete row”）。单击（函数（）{
$（'input[name=“record”]”）。每个（函数（）{
如果（$（this）.is（“：checked”））{
如果（确认（“你确定吗？”）{
$（this.hide（）；
$（this）.closest（'td'）.find（'.cancelled'）.show（）；
控制台日志（“已确认”）；
}否则{
log（“已取消删除”）；
}
}
});
});
});

名字
姓
住址
取消


名字2
姓2
地址2
取消
取消
根据您提供的代码，当您取消第二个复选框时，警报将显示两次，这是因为第一个复选框已隐藏，但未取消选中

，

每个

循环条件检查选中的复选框。因此，您可以取消选中复选框并隐藏它

$（文档）.ready（函数（）{
//查找并删除选定的表行
$（“.delete row”）。单击（函数（）{
$（'input[name=“record”]”）。每个（函数（）{
如果（$（this）.is（“：checked”））{
$（this.prop（'checked'，false）；
如果（确认（“你确定吗？”）{
$（this.hide（）；
$（this）.sides（'.cancelled'）.css（'visibility'，'visible'）；
控制台日志（“已确认”）；
}否则{
log（“已取消删除”）；
}
}
});
});
});

名字
姓
住址
取消


名字2
姓2
地址2
取消
单击复选框取消

$(this).hide();
$('span:contains("canceled")').show();

那么当你运行这个程序时会发生什么？您的警报框是否显示？粘贴您的表格also@RyanWilson对警报正在显示。@whoami代码正在更新。@RyanWilson感谢您的更正。谢谢你，没问题。谢谢你把它修好+1.你知道你也可以使用JQuery的sibles（）函数来获取span，因为你不必在.sibles（）@Zrna上链接closest（）和find（），文档。你可以在这里创建一个工作的JSFIDLE并链接
。show（）
将不适用于
style=“visibility:hidden”
。。因此需要将其更改为
display:none$（this）.next（'.cancelled'）.show（）