Javascript 添加mailto:with jQuery？ Londonlondon@us.ukaaaaaa Manchestermanchester@us.ukaaaaaa Liverpoolliverpool@us.ukaaaaaa Ipswichipswich@us.ukaaaaaa

是否可以使用jQuery（而不是修改HTML）为电子邮件地址的第二列添加链接mailto:？如果是，如何进行

---

你可以这样做

<table id="here" border="1">
    <tr><td>London</td><td>london@us.uk</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>Manchester</td><td>manchester@us.uk</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>Liverpool</td><td>liverpool@us.uk</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>Ipswich</td><td>ipswich@us.uk</td><td>aaa</td><td>aaa</td></tr>
</table>

​$（'td:nth child（2）'）。每个（函数（）{
var text=$（this.text（）；
var href=“mailto:”+文本；
var$a=$（'
假设它始终是每行的第二个
td
，您可以迭代这些元素和
a
元素中的：

​$('td:nth-child(2)').each(function(){
   var text = $(this).text();
    var href = "mailto:"+text;
    var $a = $('<a>', { href: href, text: text});
    $(this).text('').append($a);
});​​​​​​​​​​​​​​​​​​​​

$（“#这里是td:n个子项（2）”）。每个（函数（）{
$（this）.contents（）.wrap（“.
您只需将每秒
td
的内容替换为
a
元素和
mailto:
href:”

​$（“#此处为td:n子项（2）”。每个（函数（）{
var email=$（this.text（）；
//替换内容
$（this.html）(
$（“”）.attr（“href”，“mailto:”+电子邮件）.text（电子邮件）
);
});​​​​​​​​​​​​​​​​​​​​
你需要在每一行上循环，找到你想要的单元格，并在内容周围包装一个链接。你可以使用它

​$("#here td:nth-child(2)").each(function() {
    var email = $(this).text();

    // replace contents
    $(this).html(
        $("<a>").attr("href", "mailto:" + email).text(email)
    );
});​​​​​​​​​​​​​​​​​​​​

$（“#此处tr”）。每个（函数（）{
var td=$（this.children（）.eq（1）；
var email=“mailto:”+td.text（）；
td.wrapInner（$（“
@pimvdb是的是的，当然，我添加了var，这是一个愚蠢的错误！！：）
​$("#here td:nth-child(2)").each(function() {
    var email = $(this).text();

    // replace contents
    $(this).html(
        $("<a>").attr("href", "mailto:" + email).text(email)
    );
});​​​​​​​​​​​​​​​​​​​​

$("#here tr").each(function() {
    var td = $(this).children().eq(1);
    var email = "mailto:" + td.text();
    td.wrapInner($("<a>").prop("href", email));
});​