Question

如何将字符串中的每个字符混洗并存储在表格中，使得该对的第一个字母位于随机行位置，该对的第二个字母位于随机列位置，以便2个字符在同一行中不冲突还是专栏？这是我创建7x7网格的代码

<table border="5px" cellspacing="30" align="center" class="table-bordered"  style="color:#FFFFFF" width="400px" height="200px">
<% for(int row=1; row <= 7; row++) { %>
<tr>
<%      for(int col=1; col<=7; col++) { %>
<td></td>
    <% } %>
</tr>
<% } %>
</table>

这是我改变字符串的代码

<script>
  function f1() {
    var str = "abcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()<>?";
    var shuffled = str.split('').sort(function({
      return0.2Math.random();
    }).join('');
    document.write(shuffled);
  }   
</script>

现在我希望这个混乱的字符串被拆分并存储到表的每个单元格中。

Answer 1

你为什么要麻烦你jsp这样做？让您的脚本（jQuery）执行此操作。在您的HTML中，将id属性添加到您的表格中，

<div id="myDiv">
   <table id="myTable" border="5px" cellspacing="30" 
       align="center" class="table-bordered" width="400px" height="200px">
             <!-- Your content goes here -->
   </table>
</div>

在您的脚本编写中使用改组后的字符串，您可以创建这样的表，

$(document).ready(function() {

     var myWord = "hello";  //Use any shuffled string
     var length = myWord.length; 
     var createTable = '<tr>';
     for ( var i=0; i < length; i++) {   //Iterate through each character
       if (myWord.charAt(i) != " ") {
           // Create as table cell
           createTable = createTable+'<td>'+myWord.charAt(i)+'</td>';
       } 
     };
     createTable = createTable+'</tr>';
     $("#myTable").append(createTable);
});

检查working sample。

更新：

希望这是你在问，如何找到特定的表定义。

$('#mytable tr').each(function() {
     $(this).find("td:eq(0)").html("Your Shuffled Character maybe h"); // First cell    
});

将元素存储到网格中

1 个答案: