Получить текст из таблицы HTML и поместить его в предварительно заданную строку

Question

Как я могу получить значение первого TD и поместить его в предопределенную строку в jquery?

Моя попытка:

$('td:first-child').each(function() {
    console.log($(this).text());
});

Как мне теперь поместить значение в следующую строку в качестве параметра и, возможно, удалить пробелы и добавить точку между?

Строка: {{email_open::john.sample@mymail.com}}John Sample{{email_close}}

Я думал, что мне нужна функция переноса в Jquery или я не прав?

<table>
  <thead>
    <tr>
      <th>Name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Sample</td>
    </tr>
  </tbody>
</table>

Answer 1

Вы можете использовать что-то вроде toLowerCase() и trim(), чтобы удалить пробел и уменьшить текст:

var namemerge= $(this).text().toLowerCase().trim();

для замены пробела между словами вы можете использовать регулярное выражение, как предложено в этом ответе , и добавить суффикс почты:

namemerge= namemerge.replace(/ /g, '.')+'@mymail.com';

$('td:first-child').each(function() {
    console.log($(this).text());
    var namemerge= $(this).text().toLowerCase().trim();
    console.log(namemerge);
    namemerge= namemerge.replace(/ /g, '.')+'@mymail.com';
    console.log(namemerge);
});
// I believe you can continue from this
console.log('{{email_open::john.sample@mymail.com}}John Sample{{email_close}}');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Sample</td>
</tr>
</table>