如何从javascript计算表中禁用列的数量?
我的表格格式是如何从javascript计算表中禁用列的数量?,javascript,html,asp.net,Javascript,Html,Asp.net,我的表格格式是 <table class"tabletop"> <tr> <td> <table> <tr> <td id="mycol1"></td> <td id="mycol2"></td> <td id="mycol3
<table class"tabletop">
<tr>
<td>
<table>
<tr>
<td id="mycol1"></td>
<td id="mycol2"></td>
<td id="mycol3"></td>
<td id="mycol4"></td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
你可以用
$('table td:visible').length
试试这个:
1.
2.
3.
4.
函数hideColumn(列类){
var els=document.getElementsByCassName(columnClass);
对于(变量i=0;i
首先,您应该使用类来定义列,而不是id,因为id不应该重复&要定义列,我们必须为列的所有单元格提供类似的id。工作解决方案尝试此方法
<script type = "text/javascript" language = "javascript">
function getHiddenColumnCount() {
var tbl = document.getElementById("myTbl");
var HiddenColumnCount = 0;
for(var OuterCounter = 0 ; OuterCounter < tbl.rows.length ; OuterCounter++)
{
for(var InnerCounter = 0 ; InnerCounter < tbl.rows[OuterCounter].cells.length;InnerCounter++)
{
if (tbl.rows[OuterCounter].cells[InnerCounter].style.display == "none")
HiddenColumnCount++;
}
}
alert("There are " + HiddenColumnCount + " Hidden Columns in Table");
}
</script>
函数getHiddenColumnCount(){
var tbl=document.getElementById(“myTbl”);
var HiddenColumnCount=0;
对于(var OuterCounter=0;OuterCounter
您的javascript代码在哪里?你有没有尝试过什么,或者只是想让我们帮你找到工作?您如何将您的td标记为残疾?请向我们展示您的尝试,并稍微说明您需要什么。您希望选择此表(按id、类或元素),然后查找所有具有id的TDs(或它们是否都具有id)返回多少个被禁用和未禁用,或者您希望函数也返回id?@MarkWalters我按类选择此表,然后它必须只返回数字,即禁用和未禁用的计数当您说“禁用”时,您的具体意思是“withdisplay:none
”,对吗?“假设禁用的列为4,未禁用的列为2”-但您的示例总共只有4列,那么禁用的列数加上启用的列数不应该等于4吗?哦,好的。您能让类对隐藏的tds说一些类似“禁用”的话吗?
<table border="1" id="myTbl">
<tr>
<td class="mycol1">
1
</td>
<td class="mycol2">
2
</td>
<td class="mycol3">
3
</td>
<td class="mycol4">
4
</td>
</tr>
</table>
<script>
function hideColumn(columnClass) {
var els = document.getElementsByClassName(columnClass);
for (var i = 0; i < els.length; i++) {
els[i].style.display = "none";
}
}
hideColumn('mycol1');
hideColumn('mycol2');
function getHiddenColumnsCount() {
var rows = document.getElementById('myTbl').rows;
var count = 0;
for (var i = 0; i < rows.length; i++) {
for (var j = 0; j < rows[i].cells.length; j++) {
if (rows[i].cells[j].style.display == "none")
count++;
}
}
alert(count);
}
getHiddenColumnsCount();
</script>
<script type = "text/javascript" language = "javascript">
function getHiddenColumnCount() {
var tbl = document.getElementById("myTbl");
var HiddenColumnCount = 0;
for(var OuterCounter = 0 ; OuterCounter < tbl.rows.length ; OuterCounter++)
{
for(var InnerCounter = 0 ; InnerCounter < tbl.rows[OuterCounter].cells.length;InnerCounter++)
{
if (tbl.rows[OuterCounter].cells[InnerCounter].style.display == "none")
HiddenColumnCount++;
}
}
alert("There are " + HiddenColumnCount + " Hidden Columns in Table");
}
</script>