javascript-jQuery DOM遍历

我在使用jQuery找到项目的最简单路径时遇到了麻烦(尽管解决方案不一定必须使用jQuery,它只是作为一种工具提供).这是一个简化的代码示例：

<tr>
    <td>Bob Jones</td>
    <td class="class-name">
        <a href="/start/1">Workshop</a>
    </td>
    <td>06/04/11</td>
    <td class="last">
         <a href="#" class="button">Delete</a>
    </td>
</tr>

单击“删除”链接时,我希望得到单词“ Workshop”,但我想知道哪种方法最有效.是a)将树上移至< td>元素并通过类名称找到同级元素,然后在其中的链接/文本值… b)转到< tr>级别并搜索类名,等等.或c)做我没有考虑过的事情.

我似乎总是在理解何时以及如何在javascript或jquery中进行dom遍历时遇到麻烦,并且想知道为什么可用的不同方法背后的原因,以及如何获得最终结果是否重要.

解决方法:

这种简单的方案通常是最好的：

>用简单的英语说出您想找到的内容.
>将结果视为伪代码.
>从字面上将其翻译为代码.

在您的情况下,可能是：

I need <td class="class-name"> on the row to which the clicked element belongs.

这直接转换为您的b)选项：

$(this).closest("tr").find("td.class-name")

标签：dom-traversal,javascript,jquery
来源： https://codeday.me/bug/20191102/1992284.html