jquery：如何隐藏第二个div？

我得到了一个jQuery的问题，我怎么能隐藏第一/第二个div，所以现在它显示搜索，搜索。我想有 '搜索'：jquery：如何隐藏第二个div？

<tbody> 
    <tr> 
     <td class="ui-pg-button ui-corner-all" title="Reload Grid" id="refresh_jqgProducts"> 
      <div class="ui-pg-div"> 
       <span class="ui-icon ui-icon-refresh"></span> 
      </div> 
     </td> 
     <td class="ui-pg-button ui-corner-all" title="Search"> 
      <div class="ui-pg-div"> 
       <span class="ui-icon ui-icon-search"></span>Search</div> 
     </td> 
     <td class="ui-pg-button ui-corner-all" title="Search"> 
      <div class="ui-pg-div"> 
       <span class="ui-icon ui-icon-search"></span>Search</div> 
     </td> 
    </tr> 
</tbody>

我想是这样的：$（ “TD的.ui-PG-DIV：第n个孩子（1）”）来检索这一点，但无济于事。

来源

2012-08-22 user603007

难道你不能从HTML中删除td吗？最后两个看起来完全相同？ – Nebula

你不能给它一个ID吗？ – Liath

有没有一个原因，你为什么不能编辑HTML直接删除它？ – JakeJ

$('td .ui-pg-button').gt(0).find('div').hide();

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

来源

2012-08-22 12:58:06

DEMO：http://jsfiddle.net/4PXrP/ – transparent

你是不是指（0）？他要求删除一个特定的元素;-) – Nebula

@Nebula其实我的第一个答案是**'eq（0）'，但是我重读了这个问题，现在我真的不明白OP的含义。 –

$(".ui-pg-button[title='Search']").gt(0).find('div').hide();

来源

2012-08-22 13:03:45 gabitzish

在你的JavaScript，因为你是在元素瞬间工作你必须确保你在你的脚本具有的document.ready。

$(document).ready(){ 
    $('td[title="Search"]:first').remove(); 
}

我要去任何td与“搜索”，以便它仅会隐藏“搜索”项目中第一次出现而不管订单的称号相匹配。

我也删除的项目，而不是隐藏它

来源

2012-08-22 13:04:37 JakeJ

$('td:gt(1)').hide();

see this demo

来源

2012-08-22 13:06:10 Sender

我发现它在你的帮助：

$("div.ui-pg-div:eq(1)").hide()

谢谢大家！

来源

2012-08-23 00:38:53 user603007

jquery：如何隐藏第二个div？

回答

相关问题