d3.select('table')
[
parentNode = <html>
[<table>]
]
d3.selectAll('table')
[
parentNode = <html>
[<table>, <table>]
]
d3.select('table').selectAll('tr')
[
parentNode = <table>
[<tr>, <tr>]
]
d3.selectAll('table').selectAll('tr')
[
parentNode = <table>
[<tr>, <tr>],
parentNode = <table>
[<tr>, <tr>, <tr>]
]
d3.selectAll('tr').selectAll('td')
[
parentNode = <tr>
[<td>, <td>],
parentNode = <tr>
[<td>, <td>],
parentNode = <tr>
[<td>, <td>, <td>],
parentNode = <tr>
[<td>, <td>, <td>],
parentNode = <tr>
[<td>, <td>, <td>]
]
d3.selectAll('table').selectAll('td')
[
parentNode = <table>
[<td>, <td>, <td>, <td>],
parentNode = <table>
[<td>, <td>, <td>, <td>, <td>, <td>, <td>, <td>, <td>]
]
d3.selectAll('table').select('td')
[
parentNode = <html>
[<td>, <td>]
]
d3.selectAll('table').selectAll('td:nth-child(2)')
[
parentNode = <table>
[<td>, <td>],
parentNode = <table>
[<td>, <td>, <td>]
]