2012-04-04 7 views
2

最初の行は、ユーザーがキーワードを入力してヒット・サーチした後に表示される検索結果のコンテナです。 2番目の行には、Webサイトが初めて読み込まれたときに5つのランダムなニュース結果が自動的に表示されます。サイトがロードされた後、ユーザーはいくつかのキーワードを入力して検索します。これで、ユーザーごとのキーワードと5つのニュースとして返された結果が表示されます。 urlにクエリーストリングが付加されているかどうかに基づいて、もしあれば、2番目の行を隠す必要があります。どのようにして2番目の行を選択しますか?テーブルの2番目の行を隠すjQuery

URLだけである場合のは、言ってみましょう:URLはhttp://mysite/news/Pages/default.aspx?k=cityようかなっている場合http://mysite/news/pages/default.aspxは、次に、第2行を非表示にし、その後、何も をしない...参考のため

<div class="NewsResultsList"> 
     <table border="1" id="table"> 
      <tr><td>News Results based on user queries</td></tr> 
      <tr><td>Random news results</td></tr> 
     </table> 
    </div> 
+1

スクリプトでURLを盗聴することを推奨するかどうかは不明です。それをしないでください。その代わりに、コールバックの 'success'関数でテーブルを空にするか、それがあればサーバ側で処理してください。 –

答えて

2

:あなたはので、そのIDで別の名前に行のIDを変更する必要がありますあなたのコードに混乱を招く可能性があります

2
//This will hide the second row of the table. 
$(".NewsResultsList table tr").eq(1).hide(); 

を:http://api.jquery.com/eq/

+0

参考:http://api.jquery.com/eq/ –

1

多くの解決策。これは私が考えることができるものである。

$(document).ready(function(){ 
    $('div.NewsResultsList table tr:eq(1)').remove() 
})​ 

here's the live example

(注)このセレクタに見てみましょう

$("#table").first().next().hide(); 
3

別のオプションは$(".NewsResultsList table tr :nth-child(2)").hide();です。

関連する問題