如何动态给id给phonegap中的元素？

debugcn 发表于 Dev

用户名

嗨，我正在用phonegap做一个应用程序，在该应用程序中，我需要在列表视图中显示用户列表，其中包含个人资料pic，名称，编号和在线状态。

for (var i = 0; i < roster_items.length; i++) {
    var jid_contact=roster_items[i].getAttribute('jid');
    var name_contact=roster_items[i].getAttribute('name');
    ///  Add all the contacts to  Array
        $('#contacts-listview').append(
                                       '<a href="#" onclick="user_contactsClicked('+ i + ');">' +
                                       '</br>'+
                                       '<div id="contact_img">'+
                                       '<img id="splash" src="images/contact_default_pic.png"  />'+
                                       '<ul id="menu">'+'<li id="contact">'+name_contact+'</li>'+
                                       '<li id="status">'+jid_contact+'</li>'+'</ul>'+
                                       '<div class="pull-right"><div><img id=i class="status_img" src="images/user_online.png"  /></div>'+
                                       '<div style="margin-bottom: 10px;"><ol id="date">'+
                                       '<li>date</li>'+
                                       '<li>time</li>'+
                                       '</ol></div></div>'+
                                       '</div>'+
                                       '</br>'+
                                       '</a>'
                    );
        }

我将调用一个函数来更改特定用户的在线状态并更改图像

changeOnlineStatus_contact : function(elementPos) {
    alert(elementPos);
    if(elementPos>=0) {
        //Get current table
        document.getElementById(i).src = "images/user_offline.png";
    }
}

为此，我想给img元素以动态方式。请给我建议。

提前致谢..

本杰明苯本

未在图片上设置ID的原因是因为您已经：

"…<img id=i class=…" 这意味着每个图像的ID为“ i”

如果您将其更改为：

"…<img id=\""+i+"\" class=…"那么它将使用值i作为id属性

如果您对UI的绑定较为复杂，建议您查看类似http://knockoutjs.com/的内容-通过这种方式，您可以更新基础模型，并且html会自动更新以表示该模型。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。