1

jQuery を使用してテーブルに行を追加する必要があります。

    <table class="table">
      <tbody id="dh-values">
      </tbody>
    </table>

私は次のコードを書きました：

  function displayHash(fieldName) {
    $('#dh-values').append('<tr></tr>').append('<td id="dh-'+fieldName+'">'+$('#'+fieldName).val()+'</td>').append('<td id="dh-'+fieldName+'-h">'+hex_sha1($('#'+fieldName).val())+'</td>');
  };

しかし、それはひどいようです。それを簡単にする方法はありますか？

4

3 に答える 3

1

http://jsbin.com/exopoc/edit#javascript,html,live

function displayHash(fieldName) {

  var cont = '<tr><td id="dh-'+ fieldName +'">'+ fieldName +'</td> <td id="dh-'+ fieldName +'-h">'+ fieldName +'</td></tr>';
  $(cont).appendTo('#dh-values');

}



displayHash('12345678');
于 2012-06-17T16:29:30.943 に答える
0

Esalija、amnotiam などの総合回答

デモ 

function displayHash(fieldID) {
    var val = $('#'+fieldID).val();
    var valSha = hex_sha1(val);
    $("<tr>").appendTo("#dh-values")
       .append('<td id="dh-'+fieldID+'">'+val+'</td>')
       .append('<td id="dh-'+fieldID+'-h">'+valSha+'</td>');
};
于 2012-06-17T16:23:03.440 に答える
0

クライアント側のテンプレート エンジンを使用して、html 構造とビジネス ロジックを分離し、javascript でテンプレートにバインドされるデータを操作する必要があります。

于 2012-06-17T17:31:32.380 に答える