jquery - 如何基于查询字符串变量使用 Jquery show() hide() 表行？

Question

我有一个包含多个操作的登陆页面。该操作位于默认情况下隐藏的表行中，并在用户单击操作标题时打开。我想根据查询字符串变量控制显示/隐藏的内容。

例如，其中一项操作是“请求通话”。该网站的其他页面上有用于请求调用的链接。当用户单击该链接时，我希望他们转到显示“请求通话”行的登录页面。

Answer 1

从 this article 中删掉了很多东西和 CMS's excellent answer到 similar question .

使用名为 showRow 的查询字符串变量并向其传递要显示的行的 id(虽然不是非常复杂，但是是一个很好的起点)。

使用 jQuery 显示请求的行:

<table>
  <thead>
    <tr>
        <th>col 1</th>
    </tr>
  </thead>
  <tbody>
    <tr id="row1" style="display: none;">
      <td>this is row 1</td>
    </tr>
    <tr id="row2" style="display: none;">
      <td>this is row 2</td>
    </tr>
  </tbody>
</table>

<script type="text/javascript">
    $(document).ready(function() {
        var row = getQueryString()["showRow"];
        if (row !== undefined) $("table tr#" + row + "").show();
    });

    getQueryString = function() {
        var assoc = [];
        var keyValues = unescape(location.search.substring(1)).split('&');
        for (var i in keyValues) {
            var key = keyValues[i].split('=');
            assoc[key[0]] = key[1];
        }
        return assoc;
    }
</script>