将标签转换为href

时间:2012-09-30 22:11:17

标签: jquery

我有一些看起来像这样的HTML:

<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>

我想将标签'Group'作为href。我怎么能用jQuery做到这一点?

2 个答案:

答案 0 :(得分:5)

尝试:

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

注意:这不会将label替换为a,但会在label元素中插入链接(因此您仍然可以保留表单的label-input关系)。

答案 1 :(得分:1)

对于这个特殊问题:

$('label').replaceWith(
    function(i,r) {
        return '<a href="http://example.com/">' + r + '</a>';
    });​

JS Fiddle demo