Anjana Sharma Anjana Sharma - 1 year ago 85
Javascript Question

Hide second row of table jQuery

The first row is the container for search results to be displayed after user types in a keyword and hit search. The second row displays 5 random news results automatically the first time the website loads with no user queries. after the site loads, user types in some keyword and hit search. Now both the results returned as per user keyword and the 5 news pieces will be there. Based on whether the url has any querystring appended to it, if yes, I need to hide the second row. How do i select the second row?

Let's say if the url is just: http://mysite/news/pages/default.aspx then don't do anything
if the url is sth like http://mysite/news/Pages/default.aspx?k=city, then hide the second row...

<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>

Answer Source

Take a look to this selector

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

here's the live example

Note : you should change the id of the row to other name because with that id you could create confusion in your code

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download