tu peux modifier et accèder le DOM produit par la template avec du code javascript
<ol id="cheminement">
<li class="session">
<span class="periode">Automne</span>
<span class="annee">2009</span>
<ul class="liste-cours">
<li class="placeholder"></li>
<li id="INF1005C" class="cours" draggable="true">
<span class="sigle">INF1005C</span>
<div class="credits">3</div>
<ul class="disponibilite">
<li>Automne</li>
<li>Hiver</li>
<li>Été</li>
</ul>
<ul class="ua">
<li class="ua-science-genie">2</li>
<li class="ua-conception">1</li>
</ul>
</li>
</ul>
</li>
</ol>
$(".cours").click( function(){
alert( $(this).attr("id") ); // << INF1005C
$(this).find("disponibilite").children().each( function(){
alert( $(this).text().trim() ); // << Automne ... Hiver ... Été
});
});
$(".session").click( function(){
alert( $(this).find("periode").text().trim() ); // << Automne
});