Question

所以我正在为体育团队创建网站。我有一个＆＃34;结果＆＃34;页面，每轮的分数将以表格的形式发布。在桌子上方，我需要有两个选项，一个是＆＃34; 2014/2015赛季＆＃34;和另一个＆＃34; 2015/2013赛季＆＃34;，我想为每一个显示两个不同的表？我该怎么做？

Answer 1

你可以通过简单地使用jquery来做到这一点。这是一个例子。

HTML

import xml.etree.ElementTree as ET

xml = '''<user name="John Doe" title="Manager">
  <group title="USA">
    <column name="Inventory">
    Inventory of the products
    </column>

    <column name="Sells">
    Sells of the products
    </column>
  </group>
</user>'''

root = ET.fromstring(xml)

inventory = root.findall('.//column[@name="Inventory"]')
print inventory[0].text.strip()

sells = root.findall('.//column[@name="Sells"]')
print sells[0].text.strip()

CSS

<div id="foo">
        <span id="table1-btn">Table 1</span>
        <span id="table2-btn">Table 2</span>
    </div>
    <table id="table1">
        <tr>
            <td>Table 1</td><td>Table 1</td>
        </tr>
        <tr>
            <td>Table 1</td><td>Table 1</td>
        </tr>
    </table>
    <table id="table2">
        <tr>
            <td>Table 2</td><td>Table 2</td>
        </tr>
        <tr>
            <td>Table 2</td><td>Table 2</td>
        </tr>
    </table>

的jQuery

#foo{
    width:200px;
    height:auto;
    padding:5px;
}
#table1-btn,
#table2-btn{
    width:100px;
    height:auto;
    padding:5px;
    background-color:#e3e3e3;
    cursor:pointer;
}

查找jsfiddle代码Here

Answer 2

如果您使用的是bootstrap，则可以查看标签：http://getbootstrap.com/javascript/#tabs

将您的表格放在2014/2015的标签页和2015/2016选项卡中的其他表格中

在不同的点击上显示两个不同的表

2 个答案: