IT戦記

Re: 一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳

JavaScript

最後の解決法を悩んでるようなので、僕の回答。

入力補助の情報は HTML より、 JavaScript で持ったほうがいいかもしれません

var data = {
  title1: ["hoge", "fuga", "piyo"],
  title2: ["hoge", "fuga", "piyo"],
  title3: ["hoge", "fuga", "piyo"]
};

$(function(){
  $("div.hoge > div.menu > a").click(function () {
    var d = data[this.title];
    $('div.hoge > input').each(function(i) { $(this).val(d[i]) });
    return false;
  });
});

でも、↑これだと、クリック時に毎回 input を探すので、パフォーマンスを気にする場合は、以下のように click の外に出したほうがいいかもしれません。

$(function(){
  var inputs = $('div.hoge > input');
  $("div.hoge > div.menu > a").click(function () {
    var d = data[this.title];
    inputs.each(function(i) { $(this).val(d[i]) });
    return false;
  });
});

jQuery はいろいろな書き方ができて、個性が出て面白いですね。

ツイートする

Permalink | コメント(0) | トラックバック(0) | 12:51