Question

I have specification for products in text doc that I need to transfer into HTML.

Might sound a bit strange but but what I’m trying to do is replace paragraph tags into two table columns, so this:

<p>Load (kg):5,000, 10,000, 20,000, 30,000</p>
<p>Excitation  Voltage: 10vdc recommended, 20vdc maximum</p>

into this

 <tr>
    <td>Load (kg)</td>
    <td>5,000, 10,000, 20,000, 30,000</td>
  </tr>

 <tr>
    <td>Excitation  Voltage</td>
    <td>10vdc recommended, 20vdc maximum</td>
  </tr>

To replace paragraph tag I’ve used function bellow

$("p").each(function () {
      $(this).replaceWith("<td>" + $(this).text() + '</td>');
    });

So I have to hook up to ‘ : ‘ to close and close and open another table data (column)

Any help much appreciated

Thank you in advance

Dom

Answer 1

This is specific to your particular example and assumes well-conditioned data. If you can have multiple colons in the text, you’ll need to adjust use the limit argument of split to limit it to 2 results.

$("p").each(function () {
  var text = $(this).text().split(':');
  $(this).replaceWith("<td>" + text[0] + '</td><td>' + text[1] + '</td>');
});