添加现有值的范围

Question

我有：

<table>
    <tr><td has="one">test</td><td has="three">test</td></tr>
    <tr><td has="two">test</td><td has="four">test</td></tr>
</table>

table td {
   border: solid 1px green;
    padding: 3px;
}

我想收到：

<table>
    <tr><td has="one"><span class="one">test</span></td><td has="one"><span class="one">test</span></td></tr>
    <tr><td has="one"><span class="one">test</span></td><td has="one"><span class="one">test</span></td></tr>
</table>

属性在新范围内有== class。

现场：http://jsfiddle.net/LgE3q/

我必须使用jQuery。有可能吗？

Answer 1

这对我有用：

$('table [has]').each(function() {
    $(this).wrapInner($('<span />').addClass($(this).attr('has')));
});

演示：http://jsfiddle.net/LgE3q/4/