I have a website with HTML structure like this inside it:
<div class="ui-rectframe">
<p class="ui-li-desc"></p>
<h4 class="ui-li-heading">Qualifications</h4>
MBBS (University of Singapore, Singapore) 1978
<br>
MCFP (Family Med) (College of Family Physicians, Singapore) 1984
<br>
Dip Geriatric Med (NUS, Singapore) 2012
<br>
GDPM (NUS, Singapore) 2015
<br>
<h4 class="ui-li-heading">Type of first registration / date</h4>
Full Registration (14/06/1979)<br>
<h4 class="ui-li-heading">Type of current registration / date</h4>
Full Registration (14/06/1979)<br>
<h4 class="ui-li-heading">Practising Certificate Start Date</h4>
01/01/2022<br>
<h4 class="ui-li-heading">Practising Certificate End Date</h4>
31/12/2023<br>
<p></p><br>
</div>
I need to extract qualifications -- [ 'MBBS (University of Singapore, Singapore) 1978', 'MCFP (Family Med) (College of Family Physicians, Singapore) 1984', 'Dip Geriatric Med (NUS, Singapore) 2012', 'GDPM (NUS, Singapore) 2015' ]
How can I do that using css selector or xpath? I am able to extract all text items inside that parent div, but I can't separate qualifications from other values like Type of first registration, etc.