Home/ Questions/Q 6182889
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T01:16:28+00:00

I have an issue where I need to format html that’s stored in a

  • 0

I have an issue where I need to format html that’s stored in a client cache in the following format:

html[0] = '<tr>'
html[1] = '<td>text</td>'
html[2] = '<td>text</td>'

On normal occasions I work directly with the dom and don’t need to go near this cache but sometimes I need to update it like so…

html[1] = '<td><a href="">text</a></td>'

Because of the ‘unusual’ storage of the opening ‘tr’ am I able somehow to construct a new ‘tr’, manipulate it, then render only the opening tag?

$(html[0] + '</tr>');

I’m aware this could be done with regexp but curious to know if there’s a jquery technique I can use.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML is not XML. In HTML this is perfectly legal:

    <table>
    <tr>
        <td>Text</td>
        <td>Text</td>
    <tr>
        <td>Text</td>
        <td>Text</td>
</table>

    That means that you don’t have to close the opening <tr> bracket with </tr>.

    You can use the W3C Markup Validation Service to check your HTML for validness.

    You can wrap the text with an anchor like this:

    <!doctype html>
<html>
<head>
    <title>Wrap td text</title>
    <script type="text/javascript" 
        src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var html = [];
            html[0] = '<tr>';
            html[1] = '<td>text</td>';
            html[2] = '<td>text</td>';
            $(html.join(""))
                .children("td")
                    .each(function () {
                        $(this).html($('<a href="">' + $(this).text() + '</a>'));
                    })
                    .end()
                .appendTo("table");
        });
    </script>
</head>
<body>
    <table>
    </table>
</body>
</html>
    • 0