从HTML访问对象？

Question

myObject { div: htmlElement, foo1: bar1, foo2: bar2 } 

密钥div是原始密钥，它包含此对象的HTML。

是否有可能访问/获取/设置myObject和其他价值观：foo1和foo2当我有范围htmlElement，e.g点击它？

myObject是原型，我不介意制作原型getter/setter，但我不知道如何通过/通过HTML元素访问对象。

---

使对象：不介意谷歌地图的一部分，它只是一个普通对象..

function customHTML(latlng, foo, map) { 
    this.latlng = latlng; 
    this.foo = foo; 
    this.setMap(map); 
} 
customHTML.prototype = new google.maps.OverlayView(); 

customHTML.prototype.draw = function() { 
    var self = this; 
    var div = this.div; 

    //Create div if there's none 
    if (!div) { 

     div = this.div = document.createElement('div'); 
     div.className = 'custom-html'; 

     var panes = this.getPanes(); 
     panes.overlayImage.appendChild(div); 
    } 

    //Location on map - not relevant for this question 
    var point = this.getProjection().fromLatLngToDivPixel(this.latlng); 
    if (point) { 
     div.style.left = (point.x - 20) + 'px'; 
     div.style.top = (point.y - 64) + 'px'; 
    } 
}; 

//Create new objects 
var data = /*parsed JSON*/; 
var count = data.lenght; 
var myMap = /*Google Map object - not relevant for this question*/; 

for(i=0; i<count; i++) { 
    new CustomHTML(data[i].latlng, data[i].foo, myMap); 
} 

别的地方代码：

//Clicking element that was made above 
jQuery('body').on('click', '.custom-html', function(event) { 

     //I need to access customHTML.foo for example, how? 
     //PS! I need to access it from outside, I cannot 
     //attach this click event in prototype.draw 
} 

Answer 1

将new CustomHTML(data.latlng, data.foo, myMap);赋值给JS变量。

var customEle = new CustomHTML(data.latlng, data.foo, myMap); 

您可以访问它

jQuery('body').on('click', '.custom-html', function(event) { 
    alert(customEle.foo); 
} 

UPDATE要回答你的上的多个元素的第二个问题。

1）在draw函数中分配ID给div。

2）在JSON中创建一个结构，将所有customHTML作为id作为关键。

var arrCustomHTML = {}; 
arrCustomHTML.divId = customHTML; 

3）如何检索它。

jQuery('body').on('click', '.custom-html', function(event) { 

     var divId = $(this).prop('id'); 
     var customHTMLForDiv = arrCustomHTML.divId; 
     alert(customHTMLForDiv.foo); 
} 

还有另外一种方法。在创建过程中使用jquery data()函数在创建该元素之后为该div附加customHTML。

div.data('customHTML' , customHTML); 

要访问事件：

jQuery('body').on('click', '.custom-html', function(event) { 
     var ele = $(this).data('customHTML'); 
     alert(ele.foo); 
    } 

LMK它是否适合你