jQueryはスクリプトを実行し、指定したdivにhtmlコードを追加(添付)する

2324 ワード

jQueryで指定したjsコードメソッドを実行する必要がある



 

A

B

C

D

$(document).ready(function() { $('#letter-c a').click(function(event) { event.preventDefault(); $.getScript('c.js'); }); });
書き上げたc.jsファイルを同じディレクトリの下に配置
var entries = [ 
  { 
    "term": "CALAMITY", 
    "part": "n.", 
    "definition": "A more than commonly plain and..." 
  }, 
  { 
    "term": "CANNIBAL", 
    "part": "n.", 
    "definition": "A gastronome of the old school who..." 
  }, 
  { 
    "term": "CHILDHOOD", 
    "part": "n.", 
    "definition": "The period of human life intermediate..." 
  } 
  //      
]; 
 
var html = ''; 
 
$.each(entries, function() { 
  html += '
'; html += '

' + this.term + '

'; html += '
' + this.part + '
'; html += '
' + this.definition + '
'; html += '
'; }); $('#dictionary').html(html); //$('#dictionary').append(html);
ここの$('#dictionary').html(html);指定したdivに必要なコードを直接入れることができます()
$('#dictionary')を通過することもできる.append(html);指定したdivにコードを添付()