克隆标题的首字母

时间:2019-11-24 16:11:44

标签: jquery

我正在尝试克隆每个博客标题的第一个字母,并将其添加到博客标题的开头。换句话说,我希望每个Blog标题都具有重复的首字母,以便可以使用CSS .post-title:first-letter将其样式设置为背景。

HTML:

<h3 class="post-title">Post Title</h3>

JQUERY:

jQuery('.post-title').each(function(){
  var letter_clone = "if(jQuery(this).text().charAt(0)";
  $(this).prepend('+ letter_clone +');
})

1 个答案:

答案 0 :(得分:2)

您当时处在正确的轨道上。相信这样应该可以达到理想的处理效果吗? (复制第一个字母)

jQuery('.post-title').each(function(){
  var letter_clone = jQuery(this).text().charAt(0);
  $(this).prepend(letter_clone);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h3 class="post-title">Post Title</h3>