tenho a seguinte estrutura em HTML:
<div class="ui fluid search dropdown procuraAluno selection multiple active visible">
<select name="ci_direcionado" id="cisOptions" multiple="">
<option value=""></option>
</select>
<i class="dropdown icon"></i>
<input class="search" autocomplete="off" tabindex="0" >
<span class="sizer" style="">Anderson Amorim</span>
<span class="sizer"></span>
<div class="text filtered"></div>
<div class="menu transition visible" tabindex="-1" style="display:
block !important;">
<div class="message">No results found.</div>
</div>
Como faço para pegar o text do primeiro span? Já tentei de várias formas, como por exemplo:
$(".procuraAluno").closest('.sizer').first().change(function(){
console.log($(".procuraAluno").next().text());
});
Porém, sem sucesso.
Lembrando que a criação do 2 span é inerente minha vontade, o próprio template que o cria.
Grato.