mailto：jQueryを追加しますか？

Question

<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> 

可能追加リンクmailto：電子メールアドレスがjQuery（HTMLは変更されていません）の2番目の列に追加できますか？はいの場合、どうですか？

http://jsfiddle.net/zwsMD/1/

Answer 1

tdの内容は、mailto: href：http://jsfiddle.net/zwsMD/5/のa要素で置き換えることができます。

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

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

Answer 2

あなたはそれが常に各行の第二tdだと仮定すると、この

​$('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); 
});​​​​​​​​​​​​​​​​​​​​ 

ここフィドルhttp://jsfiddle.net/zwsMD/6/

Answer 3

ような何かを行うことができ、あなたはそれらの要素を反復し、wrapcontentsでできましたa要素：

$("#here td:nth-child(2)").each(function() { 
    $(this).contents().wrap("<a href='mailto:" + $(this).text() + "'>"); 
});​ 

ここにはworking exampleがあります。

Answer 4

すべての行をループし、必要なセルを見つけてコンテンツを囲む必要があります。これにはwrapInnerを使用できます。

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

Live example