Javascript 找到孩子的正确方法

我有下面的代码，它是有效的，但什么是正确的方式来获得表一次点击添加

HTML

<div> 
    <h4 class="titlebar">
        Skills
        <small><a onclick="return false;" href="/add/" data-span="3">Add</a></small>
    </h4>

    <div class="body">
        <table class="table">
            <tbody>
                <tr><td width="125"></td></tr>
            </tbody>
        </table>
    </div>
</div>

---

此

指向添加链接

您没有提到谁是

的家长，这是至关重要的

$(this).closest('table-parent(the missing parent)').find('table');

find

比

childern

好，因为即使在未来的开发中嵌套了表，它也能工作

如果只需要第一个匹配的表：

.find('table').first();
//Or
.find('table:first');

---

更新： 根据您的问题更新，我将向父级

div

添加一个类或

id

：

<div class="parent" >
    <h4 class="titlebar">
    ...

如果无法更改DOM，请执行以下操作：

$(this).closest('h4.titlebar').parent().find('table');

或：

---

您没有提到谁是

和

的家长，这很关键

$(this).closest('table-parent(the missing parent)').find('table');

find

比

childern

好，因为即使在未来的开发中嵌套了表，它也能工作

如果只需要第一个匹配的表：

.find('table').first();
//Or
.find('table:first');

---

更新： 根据您的问题更新，我将向父级

div

添加一个类或

id

：

<div class="parent" >
    <h4 class="titlebar">
    ...

如果无法更改DOM，请执行以下操作：

$(this).closest('h4.titlebar').parent().find('table');

或：

---

不，没有单击处理程序？请给我们完整的HTML，或者至少是

父项。您需要共享更多详细信息。在给定的情况下，即使是

$（'.table'）

也足够了。请解释您想要做什么。您的示例HTML中有太多内容，当您单击“添加”时，您想做什么？不，没有单击处理程序？请给我们完整的HTML，或者至少是

父项。您需要分享更多详细信息。在给定的情况下，即使是

$（'.table'）

也足够了。请解释一下你想做什么。你的示例HTML中有太多的内容，当你点击add时你想做什么？他在第一行点击add时说，这意味着如果我没有弄错的话，

这是h4

中的锚。@Joy。也许吧，但是没有点击处理程序。但你可能是对的。无论如何，失踪的父母更重要。@gdoron joy是对的，我已经更新了问题。现在我的疑问是，jquery是否足够聪明，可以只获取第一个。在您的情况下，如果我有嵌套的表，会发生什么happen@WebDeveloper. 然后可以使用

.find（'table'）.first（）

或

.find（'table:first'）

@gdoron在另一个答案中，兄弟姐妹与下一个相比如何。他在第一行中说，点击add，意思是说，如果我没有弄错的话，这是h4中的锚。@Joy。也许吧，但是没有点击处理程序。但你可能是对的。无论如何，失踪的父母更重要。@gdoron joy是对的，我已经更新了问题。现在我的疑问是，jquery是否足够聪明，可以只获取第一个。在您的情况下，如果我有嵌套的表，会发生什么happen@WebDeveloper. 然后可以使用

.find（'table'）.first（）

或

.find（'table:first'）@gdoron如其他答案所示，兄弟姐妹与下一个相比如何。