Reputation: 18551
In the following fiddler why do I see the "BBBB" before the "AAAA"? I expected the order to be according the <tr>
.
<table style="text-align:left;">
<tr>
<td class="field">
<label for="...">...</label> <br/>
<myattributes>
<tr>
<td>
<li>
...<a href="AAAA" data-confirm="Are you sure?" data-method="delete" rel="nofollow">AAAA</a>
</li>
</td>
</tr>
</myattributes>
<label>
<input data-autocomplete-source="..." />
<a href="/dog">BBBB</a>
</label>
</td>
</tr>
</table>
Upvotes: 1
Views: 54
Reputation: 26043
Your markup is messed up.
The nested <tr>
closes the previous table row and add a new one.
By ending the row with </tr>
you are currently not in a table line anymore.
When elements o the markup put between table rows, they are moved above the table in the DOM. That's way you see the "BBBB" first.
Upvotes: 1