如何在单击时获取数组中对象的选定值？

// 定义包含对象的数组
var myArray = [
  { id: 1, name: 'Apple', selected: false },
  { id: 2, name: 'Banana', selected: true },
  { id: 3, name: 'Orange', selected: false }
];

// 单击事件处理函数
function handleClick(event) {
  // 获取被单击的元素
  var clickedElement = event.target;
  
  // 遍历数组，找到包含选定值的对象
  var selectedObject = myArray.find(function(obj) {
    return obj.name === clickedElement.innerText && obj.selected === true;
  });
  
  // 如果找到了选定值的对象，则可以获取其他属性或值
  if (selectedObject) {
    console.log('选定值的对象：', selectedObject);
    console.log('选定值的对象的ID：', selectedObject.id);
  }
}

// 绑定单击事件
var elements = document.querySelectorAll('.my-element');
elements.forEach(function(element) {
  element.addEventListener('click', handleClick);
});