javascript - 使用 Javascript/jQUery 测量 HTML 中的字符串长度

Question

我正在尝试运行一些自定义脚本，以根据 h4 元素中字符串的长度添加样式类。基本上，如果 h4 足够长以致占用 2 行，我将要调整 CSS，以便具有两行标题的 h4 也与具有单行标题的 h4 对齐。

一些 JQuery 返回所有标签及其内容..

jQuery(document).ready(function($){
  $('div.post-content div.title-info h4 a').text(function(){
      console.log(this);
  });
});

这返回..

<a href=​"http:​/​/​www.theaterunder30.com/​farewell-to-amazing-grace/​">​Farewell to Amazing Grace​</a>​
<a href=​"http:​/​/​www.theaterunder30.com/​details-announced-for-harry-potter-and-the-cursed-child/​">​Details Announced for “Harry Potter and the Cursed Child”​   </a>​
<a href=​"http:​/​/​www.theaterunder30.com/​another-blog-post/​">​Another Blog Post​</a>​
<a href=​"http:​/​/​www.theaterunder30.com/​arrested-development-quotes/​">​Arrested Development Quotes​</a>​

太棒了。但只是谜题的一部分。我需要能够只计算标签内的字符数，然后使用类似 .length 的东西来确定它是否大于 X 个字符执行 {...}

我不确定如何访问标签之间的文本？为了在其上运行 .length。我看过这个 post但老实说，我不知道如何将它应用到我的情况中。任何帮助或指导都会很棒。

感谢您的关注!

Answer 1

您想使用 jQuery .text() 获取文本:

jQuery(document).ready(function($){
  $('div.post-content div.title-info h4 a').each(function(){
      console.log($(this).text().length);
      //Conditional logic based on text length here
  });
});