0

我有这个简单的表(嵌套)

 <table border="1px">
            <tr>
                <th>kkkk</th>
                <th>mmmm</th>
            </tr>
            <tr>
                <td>a</td>
                <td>a</td>
            </tr>
            <tr>
                <td>a</td>
                <td>a</td>
            </tr>
            <tr>
                <td>a</td>
                <td>
                  <table border="1px" style="margin:10px">
                        <tr>
                            <th>xxxx</th>
                          <th style="background-color:yellow">yyyy</th>
                        </tr>
                        <tr>
                            <td>a</td>
                            <td>a</td>
                        </tr>
                        <tr>
                            <td>a</td>
                            <td>a</td>
                        </tr>
                        <tr>
                          <td >a</td>
                            <td  style="background-color:red;" class="theTd">a</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

在此处输入图像描述

(这里没有任何表 ID)

我想通过点击red区域,找到值所在的yellow

我没有获取TH.

问题是我只想通过Parents()方法来做到这一点 - 红框看到2 parents TR'sTH.... xxx,yyy 行和 kkk,mmm 行...

就像是 :

  alert( $(".theTd").parents("first tr  parent which contains th's").....);

什么是正确的选择器语法?

http://jsbin.com/udohum/1/edit

编辑

我不想要普通的 parent().parent().... 因为 .theTd可以在其中包含一个包装器 Div 等等... - 所以这里的父级将是 DIV。(这损害了逻辑....)

4

3 回答 3

0

这样的事情呢?

$('.theTd').click(function(){
    alert($(this).parent().parent().find('tr > th:nth-child(2)').html());
});

(看到它在这里工作:http: //jsfiddle.net/Te3QB/1/

更新:使用.closest()选择器可能会更好:

$('.theTd').click(function(){
    alert($(this).closest('table').find('tr > th:nth-child(2)').html());
});

.closest()获取与选择器匹配的第一个元素,从当前元素开始,向上遍历 DOM 树。

于 2012-08-12T12:53:40.947 回答
0

parents()选择所选元素的所有父级,您可以使用parentsUntil

$(".theTd").parentsUntil('table').find('th[style^=background]')

jsBin

closest()方法:

$(".theTd").closest('table').find('tr:has("th")').foo()
于 2012-08-12T12:59:42.617 回答
0

要获得 tr,请尝试以下操作:

$(".theTd").closest("table").find("tr");

th 有点乱。我们将需要第 n 个孩子,为此我们需要索引:

$(this).closest('table').find('tr th:nth-child('+ ($(this).index()+1) +')');
于 2012-08-12T13:09:32.890 回答