Question

我有以下html：

<div class="contact">
  <div class="person">
     <div class="name">John</div>
     <div class="email"><a href="mailto:lorem01@yahoo.com">lorem01@yahoo.com</a></div>
  </div>
  <div class="person">
     <div class="name">Grace</div>      
     <div class="email"><a href="mailto:lorem02@gmail.com">lorem02@gmail.com</a></div>
  </div>
</div>  


<input type="text" class="recipients" value="">

我希望获取联系人列表中的所有电子邮件，用逗号分隔并输出到字段中。字段中的输出应为：

lorem01@yahoo.com, lorem02@gmail.com

我尝试使用以下jquery但不知道如何用逗号分隔它们，希望你能帮助我改进代码。感谢。

  var emails = $('.contact .email').text();    
  $('input.recipients').val($.trim(emails));

http://fiddle.jshell.net/7fdzfrbr/

Answer 1

您可以使用jquery .map()将所有电子邮件作为jquery对象返回。然后使用.get()转换为数组并与,结合以获得预期结果：

var emails = $('.contact .email').map(function(){
  return $(this).text()
}).get().join(',');    
$('input.recipients').val(emails);

如何检索收件人电子邮件并在jquery中用逗号分隔它们

1 个答案:

Working Demo