Wrap an HTML structure around text using jquery

Question

I was trying to wrap a Achor tag to the Email-id dynamically, I am facing issues below is my html code:

<tr>
  <td id='label'>
    email
  </td>
  <td>
    <div>
      [email protected]
    </div>
  </td>
</tr>

and jquery code which i am trying is wraping the Achor tag to the div :

$("tr td#label:contains('email')").next().each(function(){ 

   $(this).wrapInner('<a href="mailto:'+$(this).text()+'">');

});

i what to wrap a Achor tag to Email-Id. how can i do this?

Should that not be $("#label:contains('email')").next("div").. the ID is supposed to be unique — mplungjan
– mplungjan, Commented Jun 27, 2013 at 8:53

YD1m · Accepted Answer · 2013-06-27 08:59:49Z

1

First modify markup to use class insted of id :

<tr>
  <td class='label'>
    email
  </td>
  <td>
    <div>
      [email protected]
    </div>
  </td>
</tr>

Script:

$(".label:contains('email')").each(function(){
    var email = $(this).closest('td').next('td').find('div').text();
    $(this).html('<a href="mailto:'+email+'">email</a>');
});

answered Jun 27, 2013 at 8:59

YD1m

5,9152 gold badges22 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Wrap an HTML structure around text using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related