Question

I have:

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

live: http://jsfiddle.net/C5vSP/

i would like receive with 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>

This must get parameter par from first TD.next and make link in first TD with this parameter.

Is possible with jQuery? If yes, how?

EDIT:
Thanks for answer. For all +1. I have one more problem:

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

LIVE: http://jsfiddle.net/C5vSP/2/

This add for all .here link google.com instead of google.com, yahoo.com and cnn.com.
I dont can modify html. I can use only jQuery.
How can i make this correctly?

Answer 1

After your edit, is this what you want? Jsfiddle

$("tr.here").each(function (){//Iterate all the <tr/>
    var $html = $(this);
    var $firstTd =  $html.children(":first");//get the first td.
    var url = $firstTd.next().attr("par");//Get the first par value.
    $firstTd.wrapInner('<a href="'+url+'">');//Append the value.
})