Question

js动态获取id的问题

$.ajax({ //使用ajax与服务器异步交互
url:"InputClass?s="+new Date().getTime(), //后面加时间戳，防止IE辨认相同的url，只从缓存拿数据
type:"POST",
data: {username:username,act:"getClass"}, //$('#yourformid').serialize()；向后台发送的form表单中的数据
dataType:"json", //接收返回的数据方式为json

error:function(XMLHttpRequest,textStatus,errorThrown){
alert("网络错误，登录失败！");
}, //错误提示

success:function(data){ //data为交互成功后，后台返回的数据
for(var i in data) {
var a_id = data[i].id;
// alert(a_id);我在这里输出id是对的
var ul = $("#list");
var li = $("<li data-icon='false'><a onclick='mytaphold(event)' data-ajax='false' id='id"+a_id+"'><p class='p_coursename'>课程名称："+data[i].coursename+"</p><span class='listspan1'>班级名称："+data[i].classname+"</span><span class='listspan2'> 学生人数："+data[i].students+"人"+"</a><a id='"+data[i].id+"' href='#popupEdit' data-rel='popup' data-icon='edit' class='a_edit' onclick='getEdit(event)'></a></li>");
//
/* alert(data[i].id);
$("#"+data[i].id).on("taphold",function(){
alert($(this).val());
});*/
ul.append(li);
$('ul').listview('refresh');
}

}
});
function mytaphold(event) {
alert(id);在这里输出id的时候有一些会是undefined，一些是正确的，而且每刷新一下，错误的li也会变
});
}
function mytaphold(event) {
var id = $(event.target).attr("id");
alert(id );
}
第一次点击是undefined，可能第二次，第三次就会是显示id

Answer 1

按我理解这里似乎和动态id没什么关系， 但你这些代码里有几个坑，可能会帮避免你的问题。

var ul = $("#list")
var li = $("<li data-icon='false'><a onclick='mytaphold(event)' data-ajax='false' id='id"+a_id+"'><p class='p_coursename'>课程名称："+data[i].coursename+"</p><span class='listspan1'>班级名称："+data[i].classname+"</span><span class='listspan2'>  学生人数："+data[i].students+"人"+"</a><a id='"+data[i].id+"' href='#popupEdit' data-rel='popup' data-icon='edit' class='a_edit' onclick='getEdit(event)'></a></li>");

先说你注释掉的这段代码
你这里动态生成了一个li元素，但你要知道这个元素只是被jQuery 创建出来了而已，并不代表你可以用选择器去find 它。
所以你应该先ul.append(li)
再去binding事件。



可能这样会更好

$.ajax({ //使用ajax与服务器异步交互
    url: "InputClass?s=" + new Date().getTime(),
    type: "POST",
    data: {
        username: username,
        act: "getClass"
    },
    dataType: "json",
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("网络错误，登录失败！");
    },
    success: function(data) {
        var $ul = $("#list");
        for (var i = 0; i < data.length; i++) { //不要用for in, for in是用来枚举对象属性的，在数组对象上用容易造成一些问题，如果你确定你的data是Array<T> 那就用jQuery自带的each方法，如果不用兼容IE6/7，直接用Array.prototype.forEach就好了。
            var id = data[i].id;
            var li = $("<li data-icon='false'><a data-ajax='false' id='" + id + "'><p class='p_coursename'>课程名称：" + data[i].coursename + "</p><span class='listspan1'>班级名称：" + data[i].classname + "</span><span class='listspan2'>  学生人数：" + data[i].students + "人" + "</a><a id='" + data[i].id + "' href='#popupEdit' data-rel='popup' data-icon='edit' class='a_edit' onclick='getEdit(event)'></a></li>");
            ul.append(li);
        }
        //将以下逻辑移出循环体，统一绑定和刷新视图
        $ul.find('li > a').on('click', function(){
            console.log($(this).attr('id'))
        })
        $ul.listview('refresh');
    }
});

另外，如果页面里动态生成的DOM会比较多，选一款客户端模板可能会简化你的开发 e.g. handlebars， mustache

hoping this answer can resolve your quiz.

Answer 2

html规则要求ID名称不能相同，会冲突的。如果你要选择多个对象要用tag或者class。不要使用ID属性。常用的dom方法有：
getElementsByClassName
getElementsByTagName

getElementsByClassName有时候会失灵，所以，getElementsByTagName遍历所有的对象，然后对所有的对象class属性进行区别。
你也可以用jquery的选择器比如$(".class")来选择你要的对象。

Answer 3

alert(id); 中的id 这个变量没有被定义

追问

function mytaphold(event) {
$(event.target).on("taphold",function(){
var id = $(event.target).attr("id");
alert(id);
}
是这样的，我没拷贝全

追答

用console.log(event.target) 查看一下吧