如何使用javascript/jquery改变每一行文本的方向

How to change text direction of every line of text using javascript/jquery?

本文关键字：一行 文本 方向 javascript 何使用 jquery 改变      更新时间：2023-09-26

谁可以帮助改变文本方向的每一个新的行。

text left-to-right
text right-to-left
text left-to-right
text right-to-left... etc.

在每个word-wrap: break-word上，我需要改变文本方向。请帮助!可以是jquery或javascript代码。

下面的例子，但它是用css和段落。我需要更改没有段落的文本方向，或者是在word-wrap上的一个段落。

不幸的是，我不知道如何做到这一点，真的…

.ltr {
  direction: ltr;
  }
.rtl {
  direction: rtl;
  }
<p class="ltr">Some text ltr</p>
<p class="rtl">ltr txet emoS</p>
<p class="ltr">Some text ltr</p>
<p class="rtl">ltr txet emoS</p>
<p class="ltr">Some text ltr</p>
<p class="rtl">ltr txet emoS</p>

您可以通过regex选择每一行文本，并使用String.prototype.replace()将其设置在p标记中。现在你可以通过改变相关p的CSS来改变每一行的方向。

$("div").html(function(i, text){
    return text.replace(/(.+'n?)/g, "<p>$1</p>");
});


$("div").html(function(i, text){
  return text.replace(/(.+'n?)/g, "<p>$1</p>");
});
div > p:nth-child(odd){
   direction: ltr;
}
div > p:nth-child(even){
   direction: rtl;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
text left-to-right
text right-to-left
text left-to-right
text right-to-left... etc.
</div>

相关文章：