Question

我希望将一个属性（href）添加到表的td中。

我猜jQuery会起作用！

我需要帮助...

url：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显示它正常工作。

jQuery将href添加到字符串

3 个答案: