jquery не видит селектор
 

Делаю ограничитель заголовка следующим кодом

for(var i=0;i<$('.view-item-justify .discription-name').size();i++)
		{		
			//alert($('.view-item-justify .discription-name').eq(i).text().length);	
			if($('.view-item-justify .discription-name').eq(i).text().length>56){
				$('.view-item-justify .discription-name').eq(i).text(function(index, text){
                				text = text.substr(16,24);
           					return text+"... ";
       				});				
			};
			//alert($('.view-item-justify .discription-location').eq(i).text().length);
			if($('.view-item-justify .discription-location').eq(i).text().length>63){
				$('.view-item-justify .discription-location').eq(i).text(function(index, text){
                				text = text.substr(16,24);
           					return text+"... ";
       				});				
			};
			//alert($(".view-item-justify .discription-long").eq(i).text().length);
			if($('.view-item-justify .discription-long').eq(i).text().length>63){
				$('.view-item-justify .discription-long').eq(i).text(function(index, text){
                				text = text.substr(16,24);
           					return text+"... ";
       				});				
			};
		}

HTML

<div class="view-item-justify">
						<div class="container-fluid">
							<div class="row">
								<div class="content-items">
									<div class="content-item">
										<div class="col-md-12">
											<div class="item">
												<div class="container-fluid">
													<div class="row">
														<div class="col-md-3">
															<div class="label-new">
																<i class="fa fa-bookmark" aria-hidden="true"></i>
																Новинка
															</div>
															<img src="img/owl-carousel/1.jpg" alt="">
														</div>
														<div class="col-md-9">
															<div class="discription-item">
																<div class="discription-name description-it">
																	Прекрасная книга
																</div>
																<div class="discription-location description-it">
																	Минск
																</div>
																<div class="description-price description-it">
																	$10,000
																</div>
																<div class="description-long description-it">
																	Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Свой использовало толку океана, выйти ведущими они, единственное домах, приставка рот, скатился встретил однажды. Страна повстречался своего, предупреждал моей грамматики!
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>		
										</div>
									</div>

Далее аналогичные элемент content-item.
Все теги и скобки закрыты, это часть только часть кода, с которыми проблема.
А теперь вопрос, почему количество discription-name и discription-location опеределяется правильно и к ним есть доступ, а вот к элементам description-price и description-long доступа нет, то есть при попытке получить хотя бы их количество, получаю 0.
Что я сделал не так, объясните мне нубику)

найдите разницу

не зря себя нубом назвал, спасибо)