Select an item from a list

Hi, I need to do a snippet to do the following:

I have the following code:

<div id="item-body" class="item-body"> 
<nav class="bp-navs bp-subnavs no-ajax user-subnav" id="subnav" role="navigation" aria-label="Sub Menu"> 
<ul class="subnav"> 
<li id="public-personal-li" class="bp-personal-sub-tab" data-bp-user-scope="public"> <a href="https://mysite.com/digitalgmail-com/profile/public/" id="public">Ver</a> 
</li>
<li id="change-avatar-personal-li" class="bp-personal-sub-tab" data-bp-user-scope="change-avatar">
<a href="https://mysite.com/miembros/rdigitalgmail-com/profile/change-avatar/" id="change-avatar">
Cambiar la foto 
</a>
</li>
</ul>
</nav>
</div>

I need a snippet to change this item to be checked or selected. I mean I need this element to be selected in HMTL by default. How can I do that?

<li id="change-avatar-personal-li" class="bp-personal-sub-tab" data-bp-user-scope="change-avatar">
<a href="https://mysite.com/miembros/rdigitalgmail-com/profile/change-avatar/" id="change-avatar">
Cambiar la foto 
</a>