クリックで配列に追加する方法

質問

今は、更新ごとにjsファイルの配列を追加しています。
これをhtml側だけの変更で更新させたいです。

画像をクリックすることで、配列を追加させたい場合どのように記述すれば良いでしょうか。
よろしくお願いします。

ーーーーーーーーーーーーーーーー
var zzz = [111,222　];　　//ここを追加しなくても良い方法をお願いします。

$.each(zzz,function(i, aaa){
if($.cookie('AAA')=="AAA_DATA"+aaa){
$(function(){
$("a#AAA img").attr("src","images/img_"+aaa+".jpg");
})}
$(function(){
$("a#AAA_BTN"+aaa).click(function() {
$("a#AAA img").attr("src","images/img_"+aaa+".jpg");
$.cookie("AAA","AAA_DATA"+aaa);});
})
})

ーーーーーーーーーーーーーーーー
【html】

<a id="AAA" 配列に追加させたい任意の数字？> <img="XXX.jpg"></a>
<a id="AAA" 配列に追加させたい任意の数字？> <img="XXX.jpg"></a>
<a id="AAA" 配列に追加させたい任意の数字？> <img="XXX.jpg"></a>

回答No.1

idhokanohi · ベストアンサー

<a href="#" id="BBB">BBB</a>
<a href="#" id="AAA123">123</a>
<a href="#" id="AAA456">456</a>
<script>
var zzz=[];
$('a[id^="AAA"]').click(function(){
var val=this.id.replace('AAA','');
if($.inArray(val,zzz)==-1){
zzz.push(val);
alert(zzz);
}
});
</script>
こんな感じ？

お礼

回答ありがとうございました。
出来ました。