<div class="NewsResultsList"> <table> <tr> <td> Results:<br/> First<br/> Second </td> </tr> <tr> <td> </td> </tr> <tr> <td>No Results</td> </tr> </table> </div>
Necesito esconder la segunda fila y la tercera fila.
$('div.NewsResultsList table tr:eq(1)').hide(); $('div.NewsResultsList table tr:eq(2)').hide();
Eso no lo hizo? ¿Qué está mal?
Aquí hay algunas maneras de hacerlo:
$('.NewsResultList tr:gt(0)').hide(); $('.NewsResultList tr').slice(-2).hide(); $('.NewsResultList tr').not(':eq(0)').hide(); $('.NewsResultList tr td:contains("No")').parent('tr').hide(); $('.NewsResultList tr').not(':first').hide(); $('.NewsResultList tr').eq(-1).hide().end().eq(-2).hide(); $('.NewsResultList tr:last').prev().andSelf().hide();
Use esta secuencia de commands:
<script type="text/javascript"> $(document).ready(function (e) { $('.NewsResultsList tr:eq(1)').hide(); $('.NewsResultsList tr:eq(2)').hide(); }); </script>
Has escrito NewsResultList
mal en tu llamada jQuery. ("NewsResultsList") …;)
Tiene vendedores equivocados para llegar a las filas de la tabla:
En realidad debería ser
$('div table tr:eq(1)').hide(); $('div table tr:eq(2)').hide();
MANIFESTACIÓN
Dos problemas:
Tienes NewsResultsList
en tu selector, pero la class es NewsResultList
. Los dos no coinciden.
Y, te falta un </td>
en la tabla.
Solucione esos dos problemas y funciona aquí: http://jsfiddle.net/jfriend00/pfemk/
Pruebe esto en su html / PHP:
<table> <tr> <td> Results:<br/> First<br/> Second </td> </tr> <tr class="hideMe"> <td> </td> <td></td> </tr> <tr class="hideMe"> <td>No Results</td> </tr> </table> </div>
y esto en tu jQuery / javascript:
$('#something').click( function() { $('.hideMe').hide(); });