主页 / coding / 问题 / 79450992
Accepted
Matei
Asked: 2025-02-19 18:26:41 +0800 CST

JQuery if 语句放置

  • 772

我不熟悉 JQuery。我需要设置一个条件，并且尝试了各种放置if语句的地方，但似乎都不起作用。

我想测试下面的代码是否输出“少于一分钟”，如果是，则写入“ <1 分钟”。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reading-time/2.0.0/readingTime.min.js"></script>
<script>
  (function($) {
    $(document).ready(function() {
      $('.et_pb_post_content').readingTime({
        readingTimeTarget: $('.eta'),
        wordCountTarget: $('.word-count'),
        wordsPerMinute: 275,
        lang: 'en',
      });
    });
  })(jQuery);
</script>

<div class="et_pb_post_content">Here is some content</div>

Word count: <span class="word-count"></span>. Reading time: <span class="eta"></span>

jquery

1 个回答

  1. Best Answer

    根据文档，你可以给它一个lessThanAMinuteString，甚至一个prependTimeString

    (function($) {
  $(document).ready(function() {
    $('.et_pb_post_content').readingTime({
      readingTimeTarget: $('.eta'),
      wordCountTarget: $('.word-count'),
      wordsPerMinute: 275,
      prependTimeString: 'If you read 275 words per minute it will take you ',
      lessThanAMinuteString: '< 1 min. to read this',
      lang: 'en',
    });
  });
})(jQuery);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reading-time/2.0.0/readingTime.min.js"></script>
<div class="et_pb_post_content">
  Here is some content
</div>
Word count: <span class="word-count"></span>.<br/> <span class="eta"></span>

    否则，获取文本内容并测试它

    (function($) {
  $(document).ready(function() {
    $('.et_pb_post_content').readingTime({
      readingTimeTarget: $('.eta'),
      wordCountTarget: $('.word-count'),
      wordsPerMinute: 275,
      lang: 'en',
    });
    $('.eta').text(function() {
      return this.textContent === 'Less than a minute' ? '< 1 min' : this.textContent;
    })
  });
})(jQuery);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reading-time/2.0.0/readingTime.min.js"></script>
<div class="et_pb_post_content">
  Here is some content
</div>
Word count: <span class="word-count"></span>. Reading time: <span class="eta"></span>

    • 0

相关问题