我该如何根据查询字符串变量使用jQuery show（）hide（）表行？

Question

我有一个着陆页，有几个动作。该操作位于默认隐藏的表格行内，并在用户单击操作标题时打开。我想根据查询字符串变量来控制显示/隐藏的内容。

例如，其中一个操作是“请求呼叫”。该网站的其他页面上有链接请求打电话。当用户点击该链接时，我希望他们通过显示的“请求呼叫”行转到登录页面。

Answer 1

将从this article和CMS'sexcellent 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> 

Answer 2

难道你不能做一些服务器端处理来产生必要的处理吗？即使用RAW PHP，你还没有说服务器端语言，你可以这样做：

<? 
$showRow = ""; 
switch($_GET['title']) 
{ 
    case "call": 
    //$showRow is the id of the row to be shown 
    $showRow ="call" 
    break; 
} 
?> 

...rest of page.... 

<script type="text/javascript"> 
    $(document).ready(function() { 
    //show the row 
    $("#<?=$showRow;?>").show(); 
    }); 
</script> 

您还可以设置行的id是URL参数切出一个交换机的需求。你还需要做一些空测试，以确保如果没有显示URL参数，jquery不会显示一行。