Extract Links

by Ryan Perez

HTML

<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://linkb.com">Link Name B</a>
        </li>

    </ul>

</div>
<h1>
New table</h1>
<table border=1>
    <thead>

        <th>Link Name</th>
        <th>Url</th>
        <th>Category</th>

    </thead>
		<tbody></tbody>
		</table>
</h1>

JavaScript

$(".group h1").each(function(){
		//loop though each h1
		//get h1
		var head = $(this).html()
		
		//get the li element
		var linkEl = $(this).next('ul').find('li')
		
		//get link text
		var linkTxt = linkEl.find('a').text()
		
		//get link url
		var linkURL = linkEl.find('a').attr('href')
		
		//add them to the table
		$("tbody").append("<tr><td>"+linkTxt+"</td><td>"+linkURL+"</td><td>"+head+"</td></tr>")
})