Js - 将 500 个单词移动到文章帖子中的另一个 div

Question

我有一篇有1000个单词的文章。但我希望 js 会计算 500 个单词，它会将其添加到div1 中。剩余 500 字将添加到div2。

怎么办？请帮助我

谢谢

Answer 1

您可以使用

split(' ')函数将文章转换为字符串数组，该函数将创建一个包含 1000 个单词的数组。

然后通过使用.splice(0,500)您可以获得第一个 500 个单词，您可以使用.join(' ')函数连接它们，该函数将为您提供第一个 500 个单词的字符串，然后您可以将字符串附加到 Div。

现在

通过使用拼接函数数组现在将只包含剩余的 500 个单词，因此您可以直接连接剩余的单词并附加到第二个div。

下面是带有 20 个单词示例的工作片段，您可以将其转换为 1000 个单词。

$(document).ready(function() {
  var str="word1 word2 word3 word4 word5 word6 word7 word8 word9 word10 word11 word12 word13 word14 word15 word16 word17 word18 word19 word20"
  var strArray = str.split(' ');
  $('#firstDiv').text(strArray.splice(0,10).join(' '));
  $('#secondDiv').text(strArray.join(' '));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='firstDiv'>
</div>
<div id='secondDiv'  style="margin-top :10px;;" >
</div>