jQuery .length property

Question

To check whether elemet exist by .length

$('body').each(function() {
  var expiredprop = $('span.expiry_msg').text();
  if (expiredprop.length > 1) {
    $('#contact-agent-topbar').hide();
  } 
});

Answer 1

.length() property type

$('span.expiry_msg').length; 

if (expiredprop.length > 1) {
  $('#element').hide();
}  

if ($(expiry).length) { 
  // do this
}

Answer 2

if the expiry message is exist on the body, do this.

$(function() {
  var expiry = $('span.expiry_msg');  
  if ($(expiry).length) { 
   $(expiry).clone().appendTo('#footer > span.expiry-msg').addClass('footer-expiry').fadeIn(500);
  }
});

Answer 3

If element height is lesser than 1800, .hide() read-more, else .show()

$('body.page-property-detail').each(function() {
  var propDetailContent = $('.page-property-detail .listing-expandable').text();
  var pdtrimcontent = $.trim(propDetailContent);
  if(pdtrimcontent.length < 1800) {
    // alert('hey!');
    $('.readmore.font-sans').hide();
  }
  else {
    $('.readmore.font-sans').show();
  }
});

Answer 4

//when text is not exist, do this

$('body.page-my-all-units').each(function() {
  var historyList = $('.row.portfolio-account-history .control-label').text(); 
  if (historyList.length < 1) {
      $('.view-filters').hide();
      $('.view.view-all-transactions-block').html('<span>No activities so far</span>'); 
  } 
});

 

Answer 5

if ($('.skin-ads').length) {
  $('.new-theme').css({'top': '300px', 'margin-bottom': '300px', 'transition': 'all .5s .2s ease-in-out'});
} 

 

Answer 6

if(newsnoTopImg.length) {
  if(newsCarousel.length) {
    newsMeta.css('margin-top', '30px'); 
    carouselElem.append(newsMeta);
    newsMeta.show();
    console.log('gallery placement');
  } else {
    firstP.prepend(newsMeta);
    newsMeta.css({'padding-left': '0'})
    newsMeta.show();
    console.log('no figure placement')
  
  }
}