在表格中使用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

您可以为锚分配一个类。这将使工作更容易。例如

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

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