| sashgera |
29.05.2016 15:49 |
Обрезать текст по условию
Здравствуйте
Если див с классом c_name будет по ширине больше дива с классом c_wrap, то по условию текст обрезается, оставляя последние 10 символов
Пожалуйста, подскажите, как обрезать текст ровно на столько символов, чтобы ширина дива .c_name не превысила ширину .c_wrap
(white-space:nowrap;overflow.... мне не подойдет)
<div id="page_site" style="width: 300px;"> <!-- ширина страницы сайта -->
<div class="c_wrap" style="border: 1px solid #E6E6E6; height: 20px;">
<div class="c_name" style="float: left;">
1234567890абвгдежзик1234567890лмнопрст1234567890
</div>
</div>
</div>
<script>
$(document).ready(function(){
wrp = $('.c_wrap').outerWidth();
nam = $('.c_name').outerWidth();
if(wrp <= nam) {
$(".c_name").text('... ' + $(".c_name").text().slice(-10));
}
});
</script>
|