How to find Child Element in a Parent WebElement in Selenium webdriver - selenium-webdriver

Question

I thought WebElement.findElement() only searched the DOM below the element,
but it apparently searches the whole DOM. I have something like this in HTML:
<table>
<tbody>
<tr>
<td>Some Text</td>
</tr>
<tr class="network">
<td><input ...></td>
<tr>
<td>Some More Text</td>
</tr>
<tr class="network">
<td><input ...></td>
</tbody>
</table>
And selenium code as below:
List<WebElement> tableRows =
radioTable.findElements(By.CssSelector("tbody > tr"));
for (WebElement row : tableRows) {
String s = row.getAttribute("class");
if (s.equals("network")) {
currentGroup.add(row.findElement(By.CssSelector(".network")));
}
However the row.findElement() call searches from the top of the DOM and
finds the same initial each time.
It would be very useful if WebElement.findElement() just searched under the
current element.

Answer 1

Well we can get the index of row element and using nth-child selector we could then select the child element as so.
List <WebElement> tableRows =
radioTable.findElements(By.CssSelector("tbody > tr"));
tableRows.forEach((row, index) => {
String s = row.getAttribute("class");
if (s.equals("network")) {
currentGroup.add(row.findElement(By.CssSelector(`.network:nth-child(${index + 1}) .network`)));
}
})