如何将表列拆分为第n个分隔符的新列

时间:2017-09-12 05:04:58

标签: javascript jquery

我设法创建了一些代码,在斜杠分隔符处将第三列拆分为新列。

我没有做的是让它在第n次(即第二次)发生时分开。 我在互联网上找不到类似的问题,这就是我在这里发帖的原因。

期望的结果应如下:

enter image description here

欢迎所有帮助!

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" onclick="split()">Split</button>

<br>
<br>
<table id="tbl">
    <thead>
        <tr class="tbl-header">
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>A/B/C</td>
            <td>B/C</td>
            <td>C</td>
            <td></td>
        </tr>
        <tr>
            <td>A/B</td>
            <td>B/C</td>
            <td></td>
            <td>D/E</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>A/B/C/D</td>
            <td></td>
            <td>C/D/E</td>
            <td>D/E/F</td>
        </tr>
        <tr>
            <td></td>
            <td>B/C/D</td>
            <td>C/D</td>
            <td>D/E/F/G</td>
        </tr>
        <tr>
            <td>A/B/C</td>
            <td>B/C/D/E</td>
            <td>C/D/E/F</td>
            <td></td>
        </tr>
    </tbody>
</table>
ButtonBarPagerTabStripViewControllerand
toIndex

1 个答案:

答案 0 :(得分:0)

您可以使用此逻辑从第二个斜杠中分割单元格数据。

     var string = "A/B/C/D/E/F";  //use $(this).text(); here
		 var delimiter = "/"; // remove this line to use your delimiter variable
     var indexOfSecond = string.indexOf(delimiter, string.indexOf(delimiter)+1);
		 console.log(indexOfSecond);
     if(indexOfSecond > -1){
      var fOne = string.substring(0,indexOfSecond);
      var sOne = string.substring(indexOfSecond+1);
      console.log(fOne);
      console.log(sOne);
     }