使用Jquery选择器选择div的子节点

时间:2013-11-23 03:34:42

标签: javascript jquery html

我使用了具有相同类名的两个不同的表,并将其放在不同的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>

如何使用jquery选择器在gridcontainer div中选择第二个表格位置并仅应用此表格的样式

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

Fiddle Example

答案 2 :(得分:0)

要选择第二个表格,您可以使用.eq()

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