javascript - JS : Compare two tables and generate new one based on the two

Question

我正在努力提高 JavaScript/jQuery 能力，所以我想尝试一些基本的表格操作会很不错。然而，我似乎找不到一种方法来开始做我想要实现的目标。

比方说我有两个表，我想比较数据并根据前两个表中的数据生成第三个表。假设这是关于电影的，我有这个用户列表，以及包含喜欢该电影的列的电影列表。在第三个动态生成的表中，我想收集这些数据并写出谁喜欢它的电影。

users
<table id="table_1">
    <tr>
        <th>user ID</th>
        <th>name</th>
        <th>country</th>
    </tr>

    <tr><td>1</td>
        <td>martin</td>a
        <td>usa</td>
    </tr>

    <tr><td>2</td>
        <td>james</td>
        <td>france</td>
    </tr>
    </table>
movies
<table id="table_2">
    <tr>
        <th>movie id</th>
        <th>name</th>
        <th>users favorite (id)</th>
    </tr>

    <tr><td>2</td>
        <td>the expendables</td>
        <td>1</td>
    </tr>

    <tr><td>2</td>
        <td>titanic</td>
        <td>2, 1</td>
    </tr>
</table>

results

<div id="table">

</div>

我有这个 fiddle :https://jsfiddle.net/fpeh6fna/

Answer 1

例如，您可以在此处使用 jQuery every 命令(只是您想要的代码的一部分):

$('#table_1').children('tr').each(function() {
    var row = [];

    $(this).children('td').each(function() {
        row.push($(this).text());
    });

    rows.push(row);
});