javascript - 下一个TD的第一个TD

Question

我有:

<table>
    <tr class="here">
        <td class="first">first</td>
        <td class="next" par="http://google.com">next</td>
        <td class="next" par="http://stackoverflow.com">next</td>
    </tr>
</table>

直播:http://jsfiddle.net/C5vSP/

我想用 jQuery 接收:

<table>
    <tr class="here">
        <td class="first"><a href="http://google.com">first</a></td>
        <td class="next" par="http://google.com">next</td>
        <td class="next" par="http://stackoverflow.com">next</td>
    </tr>
</table>

这必须从第一个 TD.next 获取参数 par 并使用此参数在第一个 TD 中建立链接。

jQuery 可以吗？如果是，如何？

编辑:谢谢你的回答。对于所有+1。我还有一个问题:

<table>
    <tr class="here">
        <td class="first">first</td>
        <td class="next" par="http://google.com">next</td>
        <td class="next" par="http://stackoverflow.com">next</td>
    </tr>
        <tr class="here">
        <td class="first">first</td>
        <td class="next" par="http://yahoo.com">next</td>
        <td class="next" par="http://stackoverflow.com">next</td>
    </tr>
        <tr class="here">
        <td class="first">first</td>
        <td class="next" par="http://cnn.com">next</td>
        <td class="next" par="http://stackoverflow.com">next</td>
    </tr>
</table>

直播:http://jsfiddle.net/C5vSP/2/

此添加为所有 .here 链接 google.com 而不是 google.com、yahoo.com 和 cnn.com。我不能修改html。我只能使用 jQuery。我怎样才能正确地做到这一点？

Answer 1

怎么样: jsFiddle

var url =  $('td.next:first').attr('par');
$('td.first').wrapInner('<a href="'+url+'">');