jqueryリンク付与しながら文字列を表示

2014/11/06 13:37

このQ&Aのポイント

jqueryを使用してチェックボックスで選択したメールアドレスを表示する方法についての質問です。
表示したメールアドレスにメール送信のリンクを付与する方法を教えてください。
メール送信ボタンをクリックした際にmailtoを起動する方法もご教示いただけると助かります。

jquery リンクを付与しながら文字列を表示

はじめまして、jqueryでの質問です。下記内容のhtmlを作成しています。 <body> <div class="main-wrap"> <div class="main-left"> <ul class="box_sample"> <li><input type="checkbox" id="list-a" name="list-a">「サンプル会社A」　<label for="list-a" class="light">aaa@aaa.com</label></li> <li><input type="checkbox" id="list-b" name="list-b">「サンプル会社B」　<label for="list-b" class="light">bbb@bbb.com</label></li> <li><input type="checkbox" id="list-c" name="list-c">「サンプル会社C」　<label for="list-c" class="light">ccc@ccc.com</label></li> </ul> </div> <div class="main-right"> <div id="show"><p></p></div> <p class="send">メール送信</p> </div> </div> <script type="text/javascript"> var $c = $('input[type="checkbox"]'); $c.bind('change', function(){ var add = ''; $c.each(function(index, value) { if (this.checked){ //チェックと同時にlabelのfor属性の値をテキストとして表示する add += ($('label[for="' + this.name + '"]').html() + '; '); } }); //id="show p"内に挿入 $('#show p').html(add); }); </script> </body> ・チェックボックスにてメールアドレスをチェック　→　チェックしたメールアドレスをdiv#showに表示上記まではできたのですが、表示したメールアドレスに<a href="mailto:aaa@aaa.com;bbb@bbb.com;・・・"></a>を付与したいのですがどういった記述をすればいいでしょうか。動的に変化するメールアドレスを取得する方法がうまくいかず悩んでおります。ぜひご教示お願いいたします。 ※mailtoは個別ではなく、全体にかけたいと思います。（チェックしたアドレスすべてに同時送信するため）・理想は<p class="send">メール送信</p>をクリックした際に、mailtoを起動したいです。・上記が難しければ、mailtoで囲んだ状態で表示させられればと思います。→アドレスクリックでメーラー起動。よろしくお願いいたします。