Fatal编程技术网

Javascript计算HTML列值

javascript html

Javascript计算HTML列值,javascript,html,Javascript,Html,在HTML页面中使用Javascript，是否可以在给定列的单元格中计算给定文本值的实例？换句话说，如果其中一列包含1或2的单元格值，我可以生成该列中存在的2个值的总数吗？听起来像是在查找 输出： --> 4 --> 2 听起来你在找 输出： --> 4 --> 2 编辑：关于您的评论： 例如： 为此： 例如： 啊 只要内容没有可能的子字符串2（如12），这将起作用。编辑：关于您的评论： 例如： 为此： 例如： 啊 只要内容没有可能的子字符串2，比如12，这就行。@p

在HTML页面中使用Javascript，是否可以在给定列的单元格中计算给定文本值的实例？换句话说，如果其中一列包含1或2的单元格值，我可以生成该列中存在的2个值的总数吗？

听起来像是在查找

输出：

--> 4
--> 2
听起来你在找

输出：

--> 4
--> 2
编辑：关于您的评论：

例如：

为此：

例如：

啊

只要内容没有可能的子字符串2（如12），这将起作用。

编辑：关于您的评论：

例如：

为此：

例如：

啊

只要内容没有可能的子字符串2，比如12，这就行。

@patrick\u dw为我指出了我需要的方向，谢谢！。这是对我有效的结果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<title></title>
<script language="Javascript">
function getx() {
    var rows = document.getElementById('myTable').rows, // get the rows in the table
    len = rows.length,    // get the quantity of rows
    cell = 0,             // index of the column (zero based index)
    count = 0;            // keep score

    while( len-- ) {
        if( rows[len].cells[cell].innerHTML.indexOf('1') > -1 )
            count++;
    }
    document.getElementById('colx').innerHTML = count;
}
</script>
</head>

<body onload="getx();">

<table id="myTable" border="1">
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>2</td>
        <td>B</td>
    </tr>
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>1</td>
        <td>B</td>
    </tr>
    <tr>
        <td>2</td>
        <td>A</td>
    </tr>
    <tr>
        <td id="colx"> </td>
        <td></td>
    </tr>
</table>

</body>

</html>
@patrick_dw为我指出了我需要的方向谢谢！。这是对我有效的结果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<title></title>
<script language="Javascript">
function getx() {
    var rows = document.getElementById('myTable').rows, // get the rows in the table
    len = rows.length,    // get the quantity of rows
    cell = 0,             // index of the column (zero based index)
    count = 0;            // keep score

    while( len-- ) {
        if( rows[len].cells[cell].innerHTML.indexOf('1') > -1 )
            count++;
    }
    document.getElementById('colx').innerHTML = count;
}
</script>
</head>

<body onload="getx();">

<table id="myTable" border="1">
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>2</td>
        <td>B</td>
    </tr>
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>1</td>
        <td>B</td>
    </tr>
    <tr>
        <td>2</td>
        <td>A</td>
    </tr>
    <tr>
        <td id="colx"> </td>
        <td></td>
    </tr>
</table>

</body>

</html>
因为我总是相信你的答案，所以我有点困惑，你发布了一个JavaScript问题的jQuery答案。我错过什么了吗？OP在5分钟内改变了标签吗？@Felix:Cuz JQUERY制作了最好的codez！！！！！！！事实上，我可以发誓我看到标签更新了。谢谢你的来信o@Felix：刚捕获了innerHTML，但未捕获。我会更新的。谢谢“我今天差得太远了！”帕特里克，另一个是我写的+1，基本上是为了doh！当然，对于经过编辑的答案，@patrick……嗯，你已经超过47k了。我不会奖励你所有的doh！s、 =因为我总是相信你的答案，所以我有点困惑，你发布了一个JavaScript问题的jQuery答案。我错过什么了吗？OP在5分钟内改变了标签吗？@Felix:Cuz JQUERY制作了最好的codez！！！！！！！事实上，我可以发誓我看到标签更新了。谢谢你的来信o@Felix：刚捕获了innerHTML，但未捕获。我会更新的。谢谢“我今天差得太远了！”帕特里克，另一个是我写的+1，基本上是为了doh！当然，对于经过编辑的答案，@patrick……嗯，你已经超过47k了。我不会奖励你所有的doh！s、 =你敢在一列或一行中查找总数吗？您在问题中提到了这两个问题。在撰写本文时，这两个问题的答案都以基于jQuery的JavaScript实现为特色。你到底是在使用库，还是需要纯JavaScript？@David:你说得对。不知怎的，我觉得我看到了一个jQuery标记。更新了我的答案。您是在列中还是在行中查找总数？您在问题中提到了这两个问题。在撰写本文时，这两个问题的答案都以基于jQuery的JavaScript实现为特色。你到底是在使用库，还是需要纯JavaScript？@David:你说得对。不知怎的，我觉得我看到了一个jQuery标记。更新了我的答案。 
    } else if(cell.innerHTML === '...') {

    } else if(i === (len - 1)) {

var rows = document.getElementById('myTable').rows, // get the rows in the table
    len = rows.length,    // get the quantity of rows
    cell = 1,             // index of the column (zero based index)
    count = 0;            // keep score

while( len-- ) {
    if( rows[len].cells[cell].innerHTML.indexOf('2') > -1 )
        count++;
}

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<title></title>
<script language="Javascript">
function getx() {
    var rows = document.getElementById('myTable').rows, // get the rows in the table
    len = rows.length,    // get the quantity of rows
    cell = 0,             // index of the column (zero based index)
    count = 0;            // keep score

    while( len-- ) {
        if( rows[len].cells[cell].innerHTML.indexOf('1') > -1 )
            count++;
    }
    document.getElementById('colx').innerHTML = count;
}
</script>
</head>

<body onload="getx();">

<table id="myTable" border="1">
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>2</td>
        <td>B</td>
    </tr>
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>1</td>
        <td>A</td>
    </tr>
    <tr>
        <td>1</td>
        <td>B</td>
    </tr>
    <tr>
        <td>2</td>
        <td>A</td>
    </tr>
    <tr>
        <td id="colx"> </td>
        <td></td>
    </tr>
</table>

</body>

</html>