Question

I have some html that looks like this:

<div class="generated">
<p><label for="id_group">Group</label> <select name="group" id=" id_group" tabindex="1">
<option value="" selected="selected"></option>
<option value="1">12S</option>
<option value="2">13S</option>
<option value="3">22SOI</option>
</select></p>
</div>

I want to make the label ‘Group’ to be a href. How can I do that with jQuery?

Answer 1

Try:

var html = $('label[for="id_group"]').html();
$('label[for="id_group"]').html('<a href="my_link.html">'+html+'</a>');

NOTE: This will not replace the label with a a, but it’ll insert the link inside the label element (so you can still keep your form’s label-input relations).