jquery创建html元素，并且绑定事件。事件没有触发，大家帮我看看错在哪里？

[fihuang]

jquery创建html元素，并且绑定事件。事件没有触发，大家帮我看看错在哪里？

        //创建html元素
        var img = $("<img>").attr("class", "headImg").attr("src", "http://..");
        var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5);
        var li = $("<li>").append(img).append(hidden);
        //给img绑定click事件
        $(img).live("click", function() {
            var friendID = $(this).siblings("input:hidden.userID").val();
            alert(friendID);
        });

以上代码生成的html如下所示

<li>
    <img class="headImg" src="http://..">
    <input type="hidden" class="userID" value="5">
</li>

[fihuang]

[Quote=引用 5 楼 的回复:]

这样试试看

C# code

//创建html元素
var img = $("<img>").attr("class", "headImg").attr("src", "http://..");
var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5);
var li = $("<li>……
[/Quote]这样不符合要求的 你把class为headImg的所有img都绑定了事件 而不是仅仅给新建的那一个img绑定
我用另外一种方法解决了：
$(document).ready(function() {
$("img.headImg").live("click", function() {
});
});
使用 live() 方法向尚未创建的元素添加事件处理器。
新建元素的时候不需要绑定事件了。
但我还是想用新建元素时动态绑定事件的方法。

[暖枫无敌]

加<>做什么，去掉就可以啦

//创建html元素
var img = $("img").attr("class", "headImg").attr("src", "http://..");
var hidden = $("input").attr("type", "hidden").attr("class", "userID").val(5);
var li = $("li").append(img).append(hidden);
//给img绑定click事件
$(img).live("click", function() {
var friendID = $(this).siblings("input:hidden.userID").val();
alert(friendID);
});

[fihuang]

to taomanman：
我这里是动态创建img input和li，然后把img和input放到li里面，最后再把这个li插入到页面上。
img input和li一开始是没有的。

[暖枫无敌]

[Quote=引用 2 楼 的回复:]

to taomanman：
我这里是动态创建img input和li，然后把img和input放到li里面，最后再把这个li插入到页面上。
img input和li一开始是没有的。
[/Quote]

//给img绑定click事件
$("img").click(function() {
var friendID = $(this).siblings("input").attr("value");
alert(friendID);
});

[fihuang]

[Quote=引用 3 楼 的回复:]

引用 2 楼 的回复:

to taomanman：
我这里是动态创建img input和li，然后把img和input放到li里面，最后再把这个li插入到页面上。
img input和li一开始是没有的。


//给img绑定click事件
$("img").click(function() {
var friendID……
[/Quote]1.我是动态生成元素并且插入，在$(document).ready()里绑定事件的方法对页面加载后插入的元素无效。
2.我只是想给新插入的这一个li里面的这个img绑定click事件，并不是给页面上之前已经存在的img也绑定。

[暖枫无敌]

这样试试看

//创建html元素
var img = $("<img>").attr("class", "headImg").attr("src", "http://..");
var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5);
var li = $("<li>").append(img).append(hidden);

$(".headImg").live('click', function() {
    var friendID = $(this).siblings("input").attr("value");
    alert(friendID);
}); 

[atxkm]

引用 6 楼 fihuang 的回复:

[Quote=引用 5 楼 的回复:] 这样试试看 C# code //创建html元素 var img = $("<img>").attr("class", "headImg").attr("src", "http://.."); var hidden = $("<input>").attr("type", "hidden").attr("class", "userID").val(5); var li = $("<li>…… [/Quote]这样不符合要求的 你把class为headImg的所有img都绑定了事件 而不是仅仅给新建的那一个img绑定 我用另外一种方法解决了： $(document).ready(function() { $("img.headImg").live("click", function() { }); }); 使用 live() 方法向尚未创建的元素添加事件处理器。 新建元素的时候不需要绑定事件了。 但我还是想用新建元素时动态绑定事件的方法。

对，就是这个live