javascript - 将多个元素的文本克隆到一个 href 作为 mailto 主题

Question

我试图将 td 元素中的所有文本附加到 a 元素作为 mailto 链接的主题，但是我只能得到第一个最接近的元素文本。我如何才能让它从所有元素中检索文本？如果可能的话，我宁愿在 tbody 元素中使用 a 链接，而不是 tr 包装器。

HTML:

<tbody>
<tr class="row-2" role="row">
    <td class="column-1" tabindex="0" style="">2238221D2</td>
    <td class="column-2">HPINC</td>
    <td class="column-3">N7P47AA</td>
    <td class="column-4">HP USB 3.0 to Gigabit LAN Adapter</td>
    <td class="column-5" style="display: none;">#4.2</td>
    <td class="column-6" style="display: none;">16</td>
    <td class="column-7" style="display: none;">30</td>
    <td class="column-8" style="display: none;">52</td>
    <a class="mailme" href="mailto:test@test.com?subject=Product request&body=">mailtolink</a>
</tr>
</tbody>

脚本:

$('a.mailme').each(function() {
    $(this).attr('href', $(this).attr('href') + 
    $(this).closest('a.mailme').prev('td').text());
});

Answer 1

您的代码几乎是正确的，只需选择所有 td 标签，获取文本并加入结果数组:

$('a.mailme').each(function() {
    $(this).attr('href', $(this).attr('href') + 
    $(this).closest('.row-2').children('td').slice(0,-1).map(function() {return $(this).html()}).get().join(','));
});

工作 fiddle :https://jsfiddle.net/21873jcz/

编辑 如果您修复您的 html 代码，我的解决方案将起作用。 tr 标签中不允许使用 a 标签。只允许有 td 或 th 元素。所以请修复您的 html，它会工作