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

Question

谁可以帮助改变每一行的文字方向。这里是一个例子：

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

在每个word-wrap: break-word上，我需要改变文本的方向。求你了救命！它可以是jquery或javascript代码。

下面的例子，但它是用css和段落制作的。我需要改变文字的方向，没有段落，或这是一个段落上的文字包装。

我不知道怎么做，真的.

​

.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>

​

Answer 1

您可以通过regex选择每一行文本，并使用p标记使用String.prototype.replace()设置它。现在，您可以通过更改相关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>

​