Question

JQuery无法动态获取li标签从数据库里读取的值

function LoadTitile(i) {
var tbody = "";
$.ajax({
type: "post",
dataType: "json",
url: "ASHX/LoadTitle.ashx",
data: { "p": i },
success: function (json) {
var entry = json.RT_TITLE;
var str = "";
$.each(entry, function (i, n) {
str += "<ul><li style='cursor: pointer;' value="+n.subtype+"><a href='#'>" + n.title + "</a></li></ul>";
tbody = str;
});
$("#showtitle").empty().append(tbody);
}
});
}
我通过如上代码已经成功获取了对应的文本并通过tbody在拼接了页面，但是在以下方法中
$("#showtitle").click(function () {
var id = $("#showtitle>ul>li").attr("value");
alert(id);
});
所获取的value总是默认第一个，无法根据选中的li来获取不同的值，我没有找到原因，只能求助万能的知道了~
但我做过实验，只要是以<div><ul><li value='X'><a href></a></li></ul></div>这样实际写在页面上时，就好使，但是通过拼接形成后的页面就不好使

Answer 1

比较简单, 用live:

$("#showtitle").live("click",function () {

                    var id = $("#showtitle>ul>li").attr("value");

                    alert(id);

 });

追问

老兄，效果还是一样的呀 总是获取默认的第一个选项值，而不是获取点击的值

追答

你是要获取li里面的string吗? 可以这样啊

$("#showtitle li").live("click",function () {

                    var str = $(this).html();

                    alert(str);

 });