StackOverflow Q - 45099277
https://stackoverflow.com/questions/45099277
HTML
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<input id="pathText" type="text" name="Summary" placeholder="Summary"><br>
<input id="groupText" type="text" name="Groups" placeholder="Groups"><br>
<input id="searchButton" type="button" value="Search" onclick="actionSearch()"><br>
<table>
<tr>
<td>
<details class="mainDetails" id="targetItem">
<summary><b>First Summary</b></summary>
<ul>
<details>
<summary><b>Groups</b></summary>
<ul>
<li>group A of First</li>
<li>group B of First</li>
</ul>
</details>
<details>
<summary><b>First People</b></summary>
<ul>
<li>John</li>
<li>Mark</li>
</ul>
</details>
</ul>
</details>
</td>
</tr>
<tr>
<td>
<details class="mainDetails">
<summary><b>Second Summary</b></summary>
<ul>
<details>
<summary><b>Groups</b></summary>
<ul>
<li>group A of Second</li>
<li>group B of Second</li>
<li>group C of Second</li>
</ul>
</details>
<details>
<summary><b>Second People</b></summary>
<ul>
<li>Alex</li>
</ul>
</details>
</ul>
</details>
</td>
</tr>
</table>
<script>
function actionSearch(){
// Get path string value
var pathString = document.getElementById('pathText').value;
// Find elements with summery having input pathString
$('summary').each( function(){
// Current summary item
var curSummary = $(this);
if (...