在Jquery中，许多函数都有几十个选择器（从&x201C；&A1&&x201D；到&x201C；&A300&&x201D；）。我想通过索引、each、forEach、var简化为数组

我有功能代码：

$(function(){
  $("#A1").click(function(){
  $(".bb").text("apple");
  $(".cc").text("0,1");
  $(".dd").val("0.1");
  });
  })
  
  $(function(){
  $("#A2").click(function(){
  $(".bb").text("fruit");
  $(".cc").text("0,2");
  $(".dd").val("0.2");
  });
  })

  $(function(){
  $("#A3").click(function(){
  $(".bb").text("mango");
  $(".cc").text("0,3");
  $(".dd").val("0.3");
  });
  })

---

实际上，在我的函数代码中有数百个函数事件，它们的选择器从“#A1”到“#A300”，我想通过索引、每个变量简化为任何数组。。。拜托，有人能帮忙吗。dd代表价值。。。我想要的是任何数组var X=[“#A1”、“#A2”、“#A3”]、var y=[“apple”、“0,1”、“0.1”]、var q=[“fruit”、“0,2”、“0.2”]var w=[“mango”、“0,3”、“0.3”]以及每个索引……

一种方法是以下对象结构，其中主对象键与元素的ID匹配，您只需向这些元素添加一个公共类

const数据={
A1:{bb:'apple'，cc:'0,1'，dd:'0.1'}，
A2:{bb:'水果'，cc:'0,2'，dd:'0.2'}，
A3:{bb:'mango'，cc:'0,3'，dd:'0.3'}
}
$（“.myClass”）。单击（函数（）{
const selectedData=data[this.id]；
$（“.bb”）.text（selectedData.bb）；
$（“.cc”）.text（selectedData.cc）；
$（“.dd”）.val（selectedData.dd）；
});
li{display:inline；margin right:1em；cursor:pointer}


A1
A2
A3

BB:
复写的副本：
DD:
是的，功能性的，谢谢Charlie，但是有什么方法可以通过它来简化。每个（）函数，比如var a=[“#A1”、“#A2”、“#A3”]、var b=[“苹果”、“0,1”、“0.1”]、[“水果”、“0,2”、“0.2”]、[“芒果”、“0,3”、“0.3”]。。或者有类似的想法。。。？