2013-11-23 100 views
1

我已經使用了兩個不同的表格和相同的類名稱,並放置在不同的div中,就像下面的代碼片段一樣。使用jquery選擇器來選擇div的孩子

代碼片段:

<div> 
    <div class="gridheader scrollcss"> 
     <div> 
      <table class="table" style="position: relative;" cellspacing="0"> 
       <colgroup> 
        <col style="width: 160px;"> 
        <col style="width: 160px;"> 
        <col style="width: 160px;"> 
        <col style="width: 160px;"> 
        <col style="width: 160px;"> 
       </colgroup> 
       <thead> 
        <tr class="columnheader" style="cursor: pointer;"> 
         <th class="headercell"><div class="headercelldiv">Taskname</div></th> 
         <th class="headercell"><div class="headercelldiv">Starttime</div></th> 
         <th class="headercell"><div class="headercelldiv">Endtime</div></th> 
         <th class="headercell"><div class="headercelldiv">Duration</div></th> 
         <th class="headercell"><div class="headercelldiv">Status</div></th> 
        </tr> 
       </thead> 
       <tbody class="hide"> 
        <tr><td></td><td></td><td></td><td></td><td></td></tr> 
       </tbody> 
      </table> 
     </div> 
    </div> 

<div class="gridcontent" style="height: 462px; overflow: auto;"> 
    <div class="gridcontainer" style="height: 420000px;"> 
     <table class="table" style="position: relative;" cellspacing="0"> 
      <colgroup> 
       <col style="width: 160px;"> 
       <col style="width: 160px;"> 
       <col style="width: 160px;"> 
       <col style="width: 160px;"> 
       <col style="width: 160px;"> 
      </colgroup> 
      <tbody> 
       <tr><td class="rowcell">1</td><td class="rowcell">01/01/2013</td><td class="rowcell">01/05/2013</td><td class="rowcell">0 days</td><td class="rowcell">2</td></tr> 
      </tbody> 
     </table> 
    </div> 
    </div> 
</div> 

如何在gridcontainer DIV與使用jQuery選擇,選擇第二臺地方和應用樣式此表只

+0

'$( 'gridcontainer:公式(1)')。找到( 「表」)'應該返回第二個表,如果多數民衆贊成你問 – megawac

回答

1
$('.gridcontainer table').css(/*your styles*/); 
+0

提供解決方案爲我工作。謝謝 – Raja

0
$('.gridcontainer table').css('style attribute','its values'); 

Fiddle Example

0

To sel ECT第二個表,你可以使用.eq()

var secondGridTable = $('.gridcontainer:eq(1)').find("table")