как получить элемент, выбранный

Question

The выпадающие в правом верхнем углу, мне нужно, чтобы получить первые три символа строки типа выбранного, например, если пользователь выбирает Pizza Delivery мне нужна строка «Piz»

вот url

<div class="select-big select-small right"> 
<div class="select-holder"> 
<div class="button"> 
<div class="icon left"></div> 
<p class="text left">Fast Food Pos System</p> 
<a href="#" class="trigger right"></a> 
<div class="cl">&nbsp;</div> 
</div> 
<div class="dropdown"> 
<ul> 
<li><a href="#" class="icon-s icon-s1">Grocery</a></li> 
<li><a href="#" class="icon-s icon-s2">Pizza Delivery</a></li> 
<li><a href="#" class="icon-s icon-s3">Quick Service</a></li> 
<li><a href="#" class="icon-s icon-s4">Retail</a></li> 
<li><a href="#" class="icon-s icon-s5">Salon</a></li> 
<li><a href="#" class="icon-s icon-s6">Bar</a></li> 
</ul> 
<div class="cl">&nbsp;</div> 
</div> 
</div> 

вот Jquery, что я работаю с

$('.select-big ul li a').click(function() { 
$(this).parents('.select-holder').find('.text').text($(this).text()); 
    // I need the string here 

Answer 1

Вы можете просто использовать .text() и .substring(), как это:.

$('.select-big ul li a').click(function() { 
    $(this).parents('.select-holder').find('.text').text($(this).text()); 
    var type = $(this).text().substring(0, 3).toLowerCase(); 
    alert(type); 
}); 

You can give it a try here