最後の解決法を悩んでるようなので、僕の回答。
入力補助の情報は 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 はいろいろな書き方ができて、個性が出て面白いですね。