jquery - jQuery将href添加到字符串

Question

我正在寻找将属性（href）添加到表的 td 中。

我猜jQuery会工作！

我需要帮助请...

网址：http://mysite

原表：

<table>
    <thead>
        <tr>
            <th>Type</th>
            <th>Name</th>
            <th>Url</th>
        </tr>
    </thead>
    <tbody>
        <tr class='Collection'>
            <td>Collection</td>
            <td>Collection1</td>
            <td>/Collection1</td>
        </tr>
        <tr class='Site'>
            <td>Site</td>
            <td>Site1</td>
            <td>/site1</td>
        </tr>
    </tbody>
</table>

所以结果是：

<table>
    <thead>
        <tr>
            <th>Type</th>
            <th>Name</th>
            <th>Url</th>
        </tr>
    </thead>
    <tbody>
        <tr class='Collection'>
            <td>Collection</td>
            <td>Collection1</td>
            <td><a href="http://mysite/Collection1">/Collection1</a></td>
        </tr>
        <tr class='Site'>
            <td>Site</td>
            <td>Site1</td>
            <td><a href="http://mysite/site1">/site1</a></td>
        </tr>
    </tbody>
</table>

Answer 1

假设您的意思是“将链接添加到td表中”，请尝试以下操作：

$('table tbody tr').each(function() {
    var cell = $('td:last', this),
        url  = $(cell).text();

    $(cell).wrapInner('<a href="' + url + '">');
})​

演示：http: //jsfiddle.net/4hMey/1/

Answer 2

给 td 你想改变一个类，这样你就可以用 jQuery 轻松选择它们，然后改变 html 内容。

<td class="MYCLASS"><a href="http://mysite/site1">/site1</a></td>


$('.MYCLASS').each(function() {
    var text = $(this).html();
    $(this).html('<a href="http://mysite' + text + '">' + text + '</a>');
});

Answer 3

如果您总是知道最后一个 td 需要链接，那么您可以执行以下操作：

var urlTd = $('table tbody td:last-child');
urlTd.wrapInner('<a href="http://mysite' + urlTd.html() + '" />');

这是一个显示它工作的jsFiddle 。