javascript - 在表中使用 jQuery 显示表外选定行的单个单元格内容

Question

这本质上是我的循环内的表:

<table id="tblMyTable">
  <tr>
     <td><%= attachment.Name %></td>
     <td><%= attachment.Description %></td>
     <td>
        <a id="clickPreview" href="#">Preview</a>
        <div id="divAttachmentContents" style="display:none;"> <%= attachment.ContentsAsHtml %>
        </div>
     </td>
   </tr>
</table>

由此我得到多行数据。我想在行尾(最后一列)有一个预览按钮，它将“预览”页面下方 div 中的内容。 我认为我应该将内容渲染到隐藏单元格以使其快速显示。

我需要知道如何告诉 jQuery 我所在的行 - 并获取最后一个单元格的文本。

我需要的要点是:

    $('#clickPreview').click(function () {
        var newContent = $('#divAttachmentContents').text();
        $('#divAttachmentPreview').html(newContent);
    });

但这仅适用于第一行。 我可能需要做类似的事情

<div id="<%= "divAttachmentContents_" + attachment.Id %>" style="display:none;"> <%= attachment.ContentsAsHtml %> </div>

但我不确定。这可能类似于 This question任何帮助将不胜感激!

Answer 1

您可以为 anchor 指定一个类别。这将使工作变得更容易。例如

$('.clickPreviewClass').click(function () {
    var newContent =$(this).next("div").text();
    $('#divAttachmentPreview').html(newContent);
});

假设 clickPreviewClass 是您为锚定的类的名称。