Why is the jQuery function not working?

Question

JavaScript

Good evening everyone!

I wrote a simple function to check the number of characters in a sentence, and if the number is greater, then the font is reduced. However, she will work. Can you tell me what is the problem?

$(document).ready(function(){
  if ($('.name').val().length=>22) {
    $(this).css( "font-size", "15px" );
  };
});

Thanks for the help!

UPD
I understand that I may be going too far, but I'm completely tired of fighting with one problem on the site. If you help me, I will be extremely grateful.
loveyou.ua/igrushki-podushki/?page=2

If you pay attention, some products with a long name (two lines) rise above their "brothers". This should not be.

I tried to change position to absolute, but then you won't set margin.

Answer 1

The val() method is used to get the value of form elements like input, select, textarea. If you want to get the contents of a regular element, you need to use the text() method. Moreover, inside the condition, you use this as an element, which in this case is a reference to the document element, and you yourself probably meant an element with a class of 'name'.

Answer 2

$(document).ready(function() {
  var name = $('.name');
  if (name.text().length >= 22) {
    name.css("font-size", "50px");
  };
});