2012-08-22 94 views
0

我得到了一個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)」)來檢索這一點,但無濟於事。

+0

難道你不能從HTML中刪除td嗎?最後兩個看起來完全相同? – Nebula

+0

你不能給它一個ID嗎? – Liath

+0

有沒有一個原因,你爲什麼不能編輯HTML直接刪除它? – JakeJ

回答

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

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

+1

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

+0

你是不是指(0)?他要求刪除一個特定的元素;-) – Nebula

+0

@Nebula其實我的第一個答案是**'eq(0)',但是我重讀了這個問題,現在我真的不明白OP的含義。 –

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

在你的JavaScript,因爲你是在元素瞬間工作你必須確保你在你的腳本具有的document.ready。

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

我要去任何td與「搜索」,以便它僅會隱藏「搜索」項目中第一次出現而不管訂單的稱號相匹配。

我也刪除的項目,而不是隱藏它

1

我發現它在你的幫助:

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

謝謝大家!