javascript - 如何根据特定值对表中的数据进行 fork

Question

在表中，我正在从数据库接收数据，并且所有标记都有特定的值A或B。根据我需要分离数据的值，如果标记具有值A，则应该存储在A下如果mark的值为B，它应该存储在B下。我不知道如何为这个问题编写jquery。我随帖子附上了 fiddle 。仅显示 html 和表格所需的格式。

<table style="width:300px">
    <tr>
        <td>Marks</td>
        <td>Value</td>
    </tr>
    <tr>
        <td>30</td>
        <td>a</td>
    </tr>
    <tr>
        <td>50</td>
        <td>a</td>
    </tr>
    <tr>
        <td>20</td>
        <td>a</td>
    </tr>
    <tr>
        <td>50</td>
        <td>b</td>
    </tr>
    <tr>
        <td>65</td>
        <td>b</td>
    </tr>
    <tr>
        <td>75</td>
        <td>b</td>
    </tr>
</table>

<br>Required Table format
<table style="width:300px">
    <tr>
        <th>a</th>
        <th>b</th>
    </tr>
</table>

http://jsfiddle.net/yzzp5/

Answer 1

试试这个，

    <table style="width:300px" id="marksId">
    <tr>
        <td>Marks</td>
        <td>Value</td>
    </tr>
    <tr>
        <td>30</td>
        <td>a</td>
    </tr>
    <tr>
        <td>50</td>
        <td>a</td>
    </tr>
    <tr>
        <td>20</td>
        <td>a</td>
    </tr>
    <tr>
        <td>50</td>
        <td>b</td>
    </tr>
    <tr>
        <td>65</td>
        <td>b</td>
    </tr>
    <tr>
        <td>75</td>
        <td>b</td>
    </tr>
</table>

<br>
Required Table format

    <table style="width:300px" id="reqtable">
        <tr>
            <td>a</td>
            <td>b</td>
        </tr>    
    </table>

这里是您的脚本

  $(function(){
        var data={'a':[],'b':[]};
        $('#marksId tr').each(function(index,tr){
            if($(tr).find('td').eq(1).text()=='a'){

                    data.a.push($(tr).find('td').eq(0).text());

            }
            if($(tr).find('td').eq(1).text()=='b'){

                    data.b.push($(tr).find('td').eq(0).text());

            }


        });
        var HTML='';
       // alert(JSON.stringify(data))
        // if both have equal counts
        $.each(data.a,function(idx,val){  
            HTML+='<tr><td>'+data.a[idx]+'</td><td>'+data.b[idx]+'</td></tr>';
        });
       // alert(HTML);
        $('#reqtable').append(HTML);
    });

您可能需要根据要求更改此代码，但它会给您一个工作的想法

检查Example here 还有。