Javascript jQuery append不适用于google地图

我的jQuery追加函数不起作用。我有一个div，它有一个名为“collapsablepanelcontent”的类。我还有一个谷歌地图标记生成器，可以为我生成标记。我有一个数组markerArr，它包含XML中的所有标记信息。生成器完成后，我调用函数appendMarkers（）：

并编辑了以下内容：

$('.CollapsiblePanelContent').append(name);

它确实奏效了。

---

对我来说，还不清楚为什么这一改变会起作用。也许有人可以解释一下？

您可以向标记对象添加属性。一旦您检索到它，您就可以访问它们。因此：

假设您的标记是这样设置的：

var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                name: 'my name is...'
});

function appendMarkers() {
    for (var i = 0; i < markersArr.length; i++) {
        var marker = markersArr[i];
        $('.CollapsiblePanelContent').append("<p>"+marker.name+"</p>");
    }
}

您可以通过以下方式在函数中检索名称：

var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                name: 'my name is...'
});

function appendMarkers() {
    for (var i = 0; i < markersArr.length; i++) {
        var marker = markersArr[i];
        $('.CollapsiblePanelContent').append("<p>"+marker.name+"</p>");
    }
}

函数appendMarkers（）{
对于（变量i=0；i”）；
}
}

该函数包含语法错误

使用jQuery方式而不是字符串连接来创建元素：

      function appendMarkers() {

        for(var i = 0; i < markersArr.length; i++) {      
          var marker = markersArr[i];

          $('.CollapsiblePanelContent')
            .append($('<a>',{href:'javascript:void(0)'})
                    .text(marker.getAttribute('name'))
                     .click(i,showInfoWindow))
            .append('<br/>');    
          } 
        }

函数appendMarkers（）{
对于（var i=0；i”）；
} 
}

---

注意：在

showInfoWindow

中，可以通过

参数[0]访问
i
-参数。数据

谢谢您的评论。markerArr实际上是一个转换为数组的XML文件。但是谢谢你的提示！顺便说一句，如果你需要任何帮助，用xml和解析方法更新你的问题。我只想知道为什么我的append函数不起作用。每个jQuery函数都可以工作，但不能append@andy如果您正在创建我在回答中所说的标记，那么访问属性的方式就是我所展示的方式。它还应该将每个标记的名称附加到可折叠面板内容中。

google.maps.Markers

没有方法

getAttribute

编辑我的问题。markerArr是一个已转换的XML数组。这确实有一个函数getAttribute。非常有用，谢谢你给我指出arguments.data。我从来不知道这件事。由于您给了我一个解释，我将接受您的anwser。当您使用

$时。单击

（或其他事件）将侦听器分配给对象，您可以选择将设置为事件参数（处理程序的第一个参数）数据属性的自定义内容作为第一个参数传递。