在特定頁面上隱藏div

Question

所以我有3個選擇選項框。我想在第三個頁面上隱藏第三個頁面。出於某種原因，我的代碼無法正常工作。我究竟做錯了什麼？

HTML：

<div class="form-group"> 
<label class="col-md-4 control-label">First:</label> 
<div class="col-md-8"> 
<select id="first" class="form-control"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</div> 
</div> 
<div class="form-group"> 
<label class="col-md-4 control-label">Second:</label> 
<div class="col-md-8"> 
<select id="second" class="form-control"> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
</select> 
</div> 
</div> 
<div class="form-group"> 
<label id="thirdid" class="col-md-4 control-label">Third:</label> 
<div class="col-md-8"> 
<select id="third" class="form-control"> 
    <option>7</option> 
    <option>8</option> 
    <option>9</option> 
</select> 
</div> 

腳本：

if (top.location.pathname === '/ajax/test/yes.html') 
       { 
        $("#third").hide(); 
        $("#thirdid").hide(); 
       } 

Answer 1

我相信

if (window.location.pathname === '/ajax/test/yes.html') { } 

會工作。直接從here拍攝，你可以找到這樣一個URL的部分：

var newURL = window.location.protocol + "//" + window.location.host + window.location.pathname; 

Answer 2

這應該工作

$(function(){ 
      if (window.location.pathname == "/ajax/test/yes.html") { 
       $("#third").hide(); 
       $("#thirdid").hide(); 
      } 
    });