javascript - 将 元素替换为其在 HTML 表中的 title 属性的值

Question

我有一个正在生成的 HTML 表，其中包含从数据库加载的内容。在某些字段中，我有用于将员工链接到其内部资料的链接。

准备就绪后，我克隆表格并将其变成 global在我跑之前 dataTables在上面，所以我有一个干净的 HTML 表格。导出表时，我使用 unwrap摆脱 html 链接。

在我的一个字段中，我使用了一个工具提示，该提示显示了标题的 chop 版本和悬停时的完整版本。

<a title="Super Long Title that is not truncated" data-toggle="tooltip" style="cursor:help">Super Long Title that is...</a>

我需要尝试找出如何用 <a title=""> 替换该列的内容值而不是 unwrapped将是 chop 版本的值。有什么想法吗？

下面是点击导出按钮时运行的代码:

var openTickets;
openTickets = $('#openTable').clone();

// ...

$('#export').click(function() {      
    openTickets.find('a').contents().unwrap();

    // Export our table (Given html table, export to excel)
    tableToExcel.download(openTickets.html(), 'Open Tickets - Export', 'xls', 'L');
});

Answer 1

要实现这一点，您可以将函数传递给 replaceWith()，它返回 a 元素的 title，如下所示:

$('#export').click(function(){
    openTickets.find('a').replaceWith(function() {
        return $(this).prop('title');
    });
    tableToExcel.download(openTickets.html(), 'Open Tickets - Export', 'xls', 'L');
});

Working example