如何在行尾折斷 <td> 在 <table> 使用jQuery / JavaScript的？

Question

我有一張桌子，如：

 $(document).ready(function() { var enteredText = document.getElementById("textArea").value; var numberOfLineBreaks = (enteredText.match(/\\n/g)||[]).length; var characterCount = enteredText.length + numberOfLineBreaks; alert('Number of breaks: ' + numberOfLineBreaks); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!DOCTYPE html> <html> <head> <title></title> </head> <body> <table class="tapshil" id="" border="2px" width="100%"> <thead> <tr> <th> <font face="preeti">l;=g+=</font></th> <th><font face="preeti"> k|=b=g</font></th> <th><font face="preeti"> ldlt</font></th> <th><font face="preeti"> eG;f/ dx;'n tyf hl/jfgf</font> </th> <th><font face="preeti"> cGtMz'Ns</font></th> <th><font face="preeti"> d"=c=s/ </font></th> <th><font face="preeti"> hDdf dx;'n</font> </th> <th><font face="preeti"> hDdf </font> </th> </tr> </thead> <tbody> <!-- put loop here --> <tr> <td>1</td> <td>11 1212231 </td> <td id="textArea">भैरवा भन्सार 2070-01-01 2072-01-01 बिराटनगर भन्सार 2070-01-01 2072-01-01 </td> <td>3</td> <td>7</td> <td>11</td> <td>15</td> <td id="totalOfAll">36</td> </tr> </tbody> </table> </body> </html>

在我的用戶界面中，它顯示為：

在我的表格中，有一個數據輸入為：

 <td id="textArea">भैरवा भन्सार  2070-01-01 2072-01-01 बिराटनगर भन्सार  2070-01-01 2072-01-01
             </td>

我想在भैरवा भन्सार 2070-01-01 2072-01-01后拆分，然后將बिराटनगर भन्सार 2070-01-01 2072-01-01新行中，但是它沒有來。在我的UI中，它是直線。 我如何將其分解為新的線？ 我希望我的輸出像：

 <td id="textArea">भैरवा भन्सार  2070-01-01 2072-01-01
                   बिराटनगर भन्सार  2070-01-01 2072-01-01
   </td>

Answer 1

我建議不要使用Javascript / JQuery格式化文本，而是在呈現文本時對其進行格式化。

假設根據您的示例，您在<td>標記中顯示的文本具有固定格式（如下所示），則可以使用空格（''）解析文本並根據顯示要求對其進行格式設置。

Fixed format: firstName lastName Date1 Date2 firstName lastName Date1 Date2 ...

解：

<script>
    $(document).ready(function() {
        var enteredText = $("#textArea").html(); //Get the InnerHTML

        var NumOfOccurrences = (enteredText.match(/\s/g) || []).length; //All the occurrences of space (' ')
        var n = 3; //Initial occurrence
        while(n <= NumOfOccurrences) {
            enteredText = enteredText.replace(RegExp("^(?:.*? ){" + n + "}"), function(val){return val.replace(RegExp(' ' + "$"), "<br>")}); //Replace the occurrence
            n = n+ 2; //Increment by 2 to determine next occurrence
        }
        $("#textArea").html(enteredText); //Replace the InnerHTML
    });
</script>

如何在行尾折斷 <td> 在 <table> 使用jQuery / JavaScript的？

問題描述

1 個解決方案

解決方案1
0 已采納 2019-02-12 14:17:01

如何在行尾折斷 <td> 在 <table> 使用jQuery / JavaScript的？

問題描述

1 個解決方案

解決方案1 0 已采納 2019-02-12 14:17:01

解決方案1
0 已采納 2019-02-12 14:17:01