Sort Beautiful soup elements by text value - python-3.x

Question

I've search about this on the internet on how I could do this but it seems to have a different type of question & goal.
So I have this soup right here. You can have a test on this code.
from bs4 import BeautifulSoup
html = '''
<table border="1" cellspacing="0" width="300">
<tbody><tr>
<td width="50%">lesson 1</td>
<td>lesson 7</td>
</tr>
<tr>
<td width="50%">lesson 2</td>
<td>lesson 8</td>
</tr>
<tr>
<td width="50%">lesson 3</td>
<td>lesson 9</td>
</tr>
<tr>
<td width="50%">lesson 4</td>
<td>lesson 10</td>
</tr>
<tr>
<td width="50%">lesson 5</td>
<td>lesson 11</td>
</tr>
<tr>
<td width="50%">lesson 6</td>
<td>lesson 12</td>
</tr>
</tbody></table>
'''
soup = BeautifulSoup(html,"html5lib")#use any parser you want.
for td in soup.find_all("td"):
print(td)# This outputs the not sorted <td> tags
Not sorted <td> tags.
<td width="50%">lesson 1</td>
<td>lesson 7</td>
<td width="50%">lesson 2</td>
<td>lesson 8</td>
<td width="50%">lesson 3</td>
<td>lesson 9</td>
<td width="50%">lesson 4</td>
<td>lesson 10</td>
<td width="50%">lesson 5</td>
<td>lesson 11</td>
<td width="50%">lesson 6</td>
<td>lesson 12</td>
Now you can see on the .text of every <td> tag there is a text for example "lesson 1" , "lesson 7", "lesson 2" and so on... Now what I wanted to have is sort this <td> tags by its text value also by the number. So I'd want to have an output like this.
<td width="50%">lesson 1</td>
<td width="50%">lesson 2</td>
<td width="50%">lesson 3</td>
<td width="50%">lesson 4</td>
<td width="50%">lesson 5</td>
<td width="50%">lesson 6</td>
<td>lesson 7</td>
<td>lesson 8</td>
<td>lesson 9</td>
<td>lesson 10</td>
<td>lesson 11</td>
<td>lesson 12</td>
Thank you so much! I really appreciate your help.

Answer 1

This should do the job and give you a list of the sorted td tags that contain an a tag.
from bs4 import BeautifulSoup
html = '''
<table border="1" cellspacing="0" width="300">
<tbody><tr>
<td width="50%">lesson 1</td>
<td>lesson 7</td>
</tr>
<tr>
<td width="50%">lesson 2</td>
<td>lesson 8</td>
</tr>
<tr>
<td width="50%">lesson 3</td>
<td>lesson 9</td>
</tr>
<tr>
<td width="50%">lesson 4</td>
<td>lesson 10</td>
</tr>
<tr>
<td width="50%">lesson 5</td>
<td>lesson 11</td>
</tr>
<tr>
<td width="50%">lesson 6</td>
<td>lesson 12</td>
</tr>
</tbody></table>
'''
soup = BeautifulSoup(html, 'html.parser')
# Function takes one <td> tag, finds it's child which is an <a> tag
# it then finds the text inside it and then splits it to get the number
# this is then returned to the sorted function as an int
def sort_soup(item):
item = list(item.children)[0].text
data = item.split(" ")
return int(data[1])
out = soup.findAll('td')
out = sorted(out, key= lambda elem: sort_soup(elem))
print(out)