Pegando text de cada span individualmente

Galera, to com um probleminha.
Tenho um campo no banco de chama controle, da qual eu uso pra responder alguma mensagem que me foi enviada.
Pois bem, com php eu envio essa informação para um span com display none dentro de uma div que contem o nome do usuário que enviou e o corpo da mensagem.

porém eu preciso recuperar isso via javascrip pra poder incluir no banco a proxima mensagem, pois caso essa mensagem seja enviada para um grupo de pessoas e eu queria escrever especificamente para uma vou usar esse controle e um campo de usuariodest para criar o filtro posteriormente.

preciso pegar especificamente o texto do span da div que foi clicada.

Javascript:

$(function(){
 var bubbleclick = $(this).click(function() {
 var id = $('.bubble-left span').text();/*caso use esse me retorna um vetor com todos os ids mas não sei qual deles que foi clicado*/
 var idbubble = $('.bubble-left').attr('id');/*caso tente pegar o id direto da div me retorna só o id da primeira div*/
 alert(idbubble);
 alert(id);
	});
});

Exemplo do HTML :

	<div id="wrapper">
 <div class="message-container">
 <div class="message-north">
 <div id='chat' class="message-thread">
 <div class='message bubble-right '>
 <label class='message-user'>Lorem ipsum dolor</label>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae rerum sed ad iure vero vel harum reiciendis veritatis iusto perspiciatis, esse corrupti numquam eligendi eius suscipit sequi excepturi doloremque? Doloremque.
 </p>
 </div>

 <div id = '1' class='message bubble-left'>
 <label class='message-user'>sit amet</label>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae rerum sed ad iure vero vel harum reiciendis veritatis iusto perspiciatis, esse corrupti numquam eligendi eius suscipit sequi excepturi doloremque? Doloremque.
 <span style='display:none;'>1</span>
 </p>
 </div>

 <div class='message bubble-right'>
 <label class='message-user'>Lorem ipsum dolor</label>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae rerum sed ad iure vero vel harum reiciendis veritatis iusto perspiciatis, esse corrupti numquam eligendi eius suscipit sequi excepturi doloremque? Doloremque.
 </p>
 </div>

 <div id = '3' class='message bubble-left'>
 <label class='message-user'>adipisicing elit</label>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae rerum sed ad iure vero vel harum reiciendis veritatis iusto perspiciatis, esse corrupti numquam eligendi eius suscipit sequi excepturi doloremque? Doloremque.
 <span style='display:none;'>3</span>
 </p>
 </div>

 <div id = '4' class='message bubble-left'>
 <label class='message-user'>Quae rerum sed</label>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae rerum sed ad iure vero vel harum reiciendis veritatis iusto perspiciatis, esse corrupti numquam eligendi eius suscipit sequi excepturi doloremque? Doloremque.
 <span style='display:none;'>4</span>
 </p>
 </div>

 <div id = '1' class='message bubble-left'>
 <label class='message-user'>sit amet</label>
 <p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae rerum sed ad iure vero vel harum reiciendis veritatis iusto perspiciatis, esse corrupti numquam eligendi eius suscipit sequi excepturi doloremque? Doloremque.
 <span style='display:none;'>1</span>
 </p>
 </div>

 </div>
 </div>

 <div id='ult' style="display:none;"></div>
 <form id="teste"class="message-south" action="" method="post">
 <textarea name="mensagem" id="mensagem" cols="20" rows="3" placeholder="Digite sua mensagem...."></textarea>
 <a class='btn btn-principal mt-min' href='mensagens.php'>Sair</a>
 <input name='usudest' id='usudest' value='Todos' disabled>
 <input name="enviar" id="enviar" type='submit' value="Enviar">
 </form>
 </div>
	</div>