Modify first and second occurrence and reset of a string

Question

I have the following string

$data = '
<tr>
    <td>Section Head 1</td>
    <td>DATA DATA DATA DATA 1</td>
</tr>
<tr>
    <td>Section Head 2</td>
    <td>DATA DATA DATA DATA 2</td>
</tr>';

I want to modify it to become like this:

<tr>
    <td width="25%;">Section Head 1</td>
    <td width="75%;">DATA DATA DATA DATA 1</td>
</tr>
<tr>
    <td width="25%;">Section Head 2</td>
    <td width="75%;">DATA DATA DATA DATA 2</td>
</tr>

I'm trying to use preg_replace('td', '$1 width="25%"', $data);

But I'm stuck, I cant figure out how to do this in a single preg_replace

Yeah, this is a code that is inside my DB, and I want to replace the code on echo/print — RG Servers, May 01 '19 at 17:31
How do you generate this in the first place? Would be easier to alter it when generated, or perhaps with jQuery or a DOM parser. Or using CSS. — Qirel, May 01 '19 at 17:45
@mario - the data is not changeable. But i could change the table style, if you have a suggestion — RG Servers, May 01 '19 at 17:47
@Qirel - the data is inserted using WYSIWYG textarea, what i need to do is, style it after submitting to db — RG Servers, May 01 '19 at 17:47

score 2 · Accepted Answer · answered May 01 '19 at 17:51

You can use a CSS property, and find even and odd occurrances in that pattern.

In this example, we have a table with the ID of myTable, where all the even children of <td> gets 25% width, odd children gets 75% width.

table#myTable tr td:nth-child(even) {
  width: 25%;
}
table#myTable tr td:nth-child(odd) {
  width: 75%;
}

<table id="myTable">
  <tr>
      <td>Section Head 1</td>
      <td>DATA DATA DATA DATA 1</td>
  </tr>
  <tr>
      <td>Section Head 2</td>
      <td>DATA DATA DATA DATA 2</td>
  </tr>
</table>

So you would do

<table id="myTable">
    <?php echo $data; ?>
</table>

Yeah, I didn't think about that, would of been a much easier solution — RG Servers, May 01 '19 at 17:55

Modify first and second occurrence and reset of a string

1 Answers1