0

我有以下 HTML，它是一个包含文件名和有关文件的元数据的单个结果。我想隐藏最初具有类“detail-pane”的表（我知道如何执行此操作）并且我想显示与文件名相关的面板（类“detail-pane”）（例如 H001_abcde_martin_chop.gits）单击文件名时。我需要做什么才能使这两件事相互关联，以便我可以编写 jQuery 来理解“文件名”类的哪个对象与“详细窗格”类的哪个对象相关，并进行相关的显示和隐藏：

我知道我要求很多，但这将有助于为我解决很多问题。

编码：

<td><span class="normal"><div class="filename">H001_abcde_luther_chop.fits</div></span>
        <table id="detail1" border="0" cellspacing="0" cellpadding="6" class="detail-pane">
          <tr>
            <td><span class="normal">CTYPE1 = 'RA---SIN'&nbsp;</span></td>
          </tr>
          <tr>
            <td><span class="normal">CRVAL1 = 0.000000000000E+00</span></td>
          </tr>
          <tr>
            <td><span class="normal">CTYPE2 = &quot;DEC--SIN'</span></td>
          </tr>
          <tr>
            <td><span class="normal">CRVAL2 = -9.000000000000E+01</span></td>
          </tr>
        </table></td>
4

1 回答 1

2

如果格式一直是这样的，你就可以遍历过去，像这样：

$(".filename").click(function() {
  $(this).closest("td").find(".detail-pane").show();
});

在 jquery 中，通过它们相对于元素的一致位置来查找相关对象是很常见的。在这种情况下，我们将向上找到第一个父级，<td>然后class="detail-pane"在其中找到并显示。你也可以这样做.fadeIn()而不是.show()额外的效果。

于 2010-02-26T02:44:45.927 回答