一个很好的选择器来删除这个可怕的代码

Question

任何人都可以提供一个选择器来消除这些可怕的代码块:

// img is the image element...
var descriptionContent = $(".descriptionContent", img.parent("td").parent("tr").next("tr"));

html看起来像这样:

<table>
    <tr>
        <td><img /></td>
    </tr>
    <tr>
        <td><div class="descriptionContent" /></td>
    </tr>
    <!-- Repeat n times -->
</table>

鉴于用户点击了img,我需要获得下一个(也是下一个).descriptionContent元素.

谢谢,
K

Answer 1

由于您担心将图像包装在某物中,请尝试以下操作:

var descriptionContent = $(".descriptionContent", img.closest("tr").next("tr"));

最近的命令找到与给定选择器匹配的最近祖先. 看这里.