jqueryを使用して行と列にASCII文字を表示する

文字セットに関する記事を読んでいて、ASCII文字とその値を表示するスクリプトを書くことに決めました。ここに私が思いついたコードがあります：実際に私はここで見た例からそれを得ました。jqueryを使用して行と列にASCII文字を表示する

$(document).ready(function(){ 
 
    var tbl = $("<table>"); 
 
for (var i = 0; i < 128/32; i++) { 
 
    var nextrow =$("<tr>"); 
 
    $(tbl).append(nextrow); 
 
    var nextitem = 32*i; 
 
    for(var j = 0; j < 32 && nextitem + j < 128; j++){ 
 
    var nextcell = $("<td>"); 
 
    $(nextcell).html(nextitem+j + ":" +String.fromCharCode(nextitem + j)); 
 
    $(nextrow).append(nextcell); 
 
    } 
 
} 
 
    $("body").append(tbl); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    </body>

しかし、結果は、代わりに垂直の（0..31）水平に表示されています。私はそれを垂直に表示する方法を考えています...つまり、最初の32文字を1列に入れ、次に32列を別の列に入れます。

さらに、もっと良い方法がありますかこれを行うには、テーブルを使わずに？おかげさまでおそらく

出典

2016-03-19 Mekicha

「テーブルを使用しない」：私はあなたが32の4列がデータに固有ではないことを言っていると思います。ここでそのように表示したいだけです。意味的には、ASCIIコードで順序付けられた双方向（1対1）マッピングのシーケンスです。 HTMLでは、これを対になったdivの順番付きリストとしてモデル化することができます（欠点divは意味を意味しません）。または説明リスト（このタイプのリストは順序を意味するものではなく、many-to-oneを許します） 2つの列のテーブル（すべての欠点がありますが、より一般的で簡単です）。あなたは何を意味していますか？ –

この：

$(document).ready(function(){ 
 
for (var i = 0; i < 4; i++) { 
 
    var nextcol =$("<div class=\"col\">"); 
 
    $("body").append(nextcol); 
 
    var nextitem = 32*i; 
 
    for(var j = 0; j < 32; j++){ 
 
    var nextcell = $("<div>"); 
 
    $(nextcell).html(nextitem+j + ":" +String.fromCharCode(nextitem + j)); 
 
    $(nextcol).append(nextcell); 
 
    } 
 
} 
 
});

.col { 
 
    display: inline-block; 
 
} 
 
.col > div { 
 
    display: block; 
 
    padding: 10px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    </body>

出典

2016-03-19 08:51:40

[Control Picture]（http://unicode.org/charts/PDF/U2400.pdf）文字（ブラウザに表示されない場合があります）を表示するには、 'nextitem + j'を' utf16CodeUnit'に置き換え、 'var unicodeCodepoint = nextitem + j; /*すべてのコードポイントは、ただ1つのUTF-16コード単位でエンコードされます*/ var utf16CodeUnit = unicodeCodepoint> 0x0020？ unicodeCodepoint：unicodeCodepoint == 0x007f？ 0x2421：unicodeCodepoint + 0x2400; ' –

ありがとう！それはそれだった。よくやった – Mekicha

jqueryを使用して行と列にASCII文字を表示する

答えて

関連する問題