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是您为锚定的类的名称。

使用表中的jQuery显示表外所选行的单个单元格内容

1 个答案: