提取链接数据并将其重新格式化为表格

时间:2016-05-15 01:14:09

标签: jquery html

我想知道是否可以从网站页面中提取href数据并使用jQuery将其输入到表中。我的客户通常希望我从旧网站上获取一些链接并将其带入我的CMS。如果有办法将这些链接放入电子表格,那么我可以轻松地将它们导入我的CMS系统。

以下是链接目录的示例:

   <div class="group">
    <h1>Header 1</h1>
    <ul>
        <li><a href="http://link.com">Link Name A</a>
        </li>

    </ul>

</div>
<div class="group">
    <h1>Header 2</h1>
    <ul>
        <li><a href="http://link.com">Link Name A</a>
        </li>

    </ul>

</div>

该脚本将获取标题,链接名称和URL,并重新格式化,如下所示:

<table>
    <thead>

        <td>Link Name</td>
        <td>Url</td>
        <td>Category</td>

    </thead>
    <tbody>
        <tr>
            <td>Link Name A</td>
            <td>http://link.com</td>
            <td>Header 1</td>

        </tr>
        <tr>
            <td>Link Name A</td>
            <td>http://link.com</td>
            <td>Header2</td>

        </tr>

    </tbody>
</table>

1 个答案:

答案 0 :(得分:1)

嗯,还有其他方法,但这会根据您提供的结构执行您的要求。如果HTML结构不同,则需要调整:

sp

小提琴:https://jsfiddle.net/x040mx73/1/