0

テーブルの td に属性 (href) を追加しようとしています。

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

3 に答える 3

0

「リンクをtdテーブルに追加する」ことを意味していると仮定して、これを試してください：

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

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

デモ: http://jsfiddle.net/4hMey/1/

于 2012-08-08T12:16:59.233 に答える
0

クラスを変更する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>');
});
于 2012-08-08T12:17:40.230 に答える
0

最後の td にリンクが必要であることが常にわかっている場合は、次のようにすることができます。

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

これが動作していることを示すjsFiddleです。

于 2012-08-08T12:27:17.717 に答える