通过父母的jQuery选择器？

Question

我有这个简单的表（嵌套）

 <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个具有TH ...的parents TR's TR。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。 （这会损害逻辑。

Answer 1

那这样的东西呢？

$('.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树。

Answer 2

parents()选择选定元素的所有父级，您可以改用parentsUntil ：

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

jsBin

或closest()方法：

$(".theTd").closest('table').find('tr:has("th")').foo()

Answer 3

要获取tr，请尝试以下操作：

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

这个有点杂乱。 我们将需要第n个孩子，为此，我们需要索引：

$(this).closest('table').find('tr th:nth-child('+ ($(this).index()+1) +')');