如何使用jquery选择数组中的内容
How to select content inside an array with jquery?
我制作了一个带有标记和弹出窗口的leafpad openstreetmap。我现在想改变一个图片显示在另一个<div id="plot">
在该网站取决于哪个标记点击。为了更新div,我想到了使用jquery。我的问题是现在得到数组的内容(图像url),当我点击一个标记…我很感激你的帮助。
function add_marker() {
var points = [
["P1", 51.57186, 11.8517, '<img src="img/1.JPG" alt="" width="350px">'],
["P2", 51.57886, 11.8117, '<img src="img/2.JPG" alt="" width="350px">'],
["P3", 51.57586, 11.8017, '<img src="img/3.JPG" alt="" width="350px">']
];
var marker = [];
for (var i = 0; i < points.length; i++) {
marker[i] = new L.Marker([points[i][1], points[i][2]])
marker[i].addTo(map);
marker[i].bindPopup(points[i][0]);
marker[i].on('click', onClick);
}
function onClick(e) {
$('#plot').html(points[i][3]);
};
}
您需要将对points
和i
的引用作为onClick
函数的参数传递,因为它们不在全局命名空间中。
function add_marker() {
var points = [
["P1", 51.57186, 11.8517, '<img src="img/1.JPG" alt="" width="350px">'],
["P2", 51.57886, 11.8117, '<img src="img/2.JPG" alt="" width="350px">'],
["P3", 51.57586, 11.8017, '<img src="img/3.JPG" alt="" width="350px">']
];
var marker = [];
var i;
for (i = 0; i < points.length; i++) {
marker[i] = new L.Marker([points[i][1], points[i][2]])
marker[i].addTo(map);
marker[i].bindPopup(points[i][0]);
marker[i].on('click', function(e){
onClick(e, points, i);
});
};
};
function onClick(e, points, i) {
$('#plot').html(points[i][3]);
};
function add_marker() {
var points = [
["P1", 51.57186, 11.8517, '<img src="img/1.JPG" alt="" width="350px">'],
["P2", 51.57886, 11.8117, '<img src="img/2.JPG" alt="" width="350px">'],
["P3", 51.57586, 11.8017, '<img src="img/3.JPG" alt="" width="350px">']
];
var marker = [];
var i;
for (i = 0; i < points.length; i++) {
marker[i] = new L.Marker([points[i][1], points[i][2]])
marker[i].addTo(map);
marker[i].bindPopup(points[i][0]);
// using a closure to avoid incorrect reference
(function (i) {
marker[i].on('click', function(e){
onClick(e, points, i);
});
})(i)
};
};
function onClick(e, points, i) {
$('#plot').html(points[i][3]);
};
https://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/解释为什么使用闭包
相关文章:
- 如何从txt文件中获取要在javascript数组中使用的对象
- 在对象数组上使用map()检查差异
- 如何加载JSON数组以使用Angular-Translate翻译AngularJS网页
- 在多维数组中使用 IMG
- 比较数组并使用条件对数组列表进行排序
- 将代理与纯数组一起使用
- PDO fetchAll,fetch及其与解码JSON数组的使用
- PHP和Ajax在回调和返回数组中使用foreach循环
- 在使用promise数组时使用jQuery
- 在for循环中设置断点会导致在数组上使用原型时出错
- 在嵌入式PHP数组中使用JavaScript变量
- 如何在数组上使用 .each()
- 在数组中使用注释字符构建复杂字符串
- 使用 javascript 捕获数组并使用数组的值
- 将数组原型函数与非数组一起使用
- 为什么我的数组无法使用 innerhtml
- 如何在单个语句中的 $$('selector') 数组上使用 PrototypeJS .wrap()
- json 数组未使用 Javascript post 方法发布到 PHP
- 无法循环访问比较文本值的数组,使用量角器未定义的结果
- 动态结果数组需要使用 Angular JS 与不同布局的表绑定