Question

我试图访问附加到它附加的元素的元素的属性。
＆＃34; .chat-私人＆＃34;附上。
我怎样才能做到这一点？这是我的脚本代码：

$('#users-list').on('click', '.chat-private', function () {
    $("#dialog-area").append("<div class='dialog'><h4>Chat</h4><textarea cols='30' rows='10' id='chatarea'></textarea><input type='text' id='chattext'></div>");
    var userid = $(this).attr("userid");
    $('#dialog').attr('userid', userid);
    });

和HTML：

<div id="users-list">
    users:
</div>
<div id="dialogs-area">
</div>

Answer 1

将id添加到您的html字符串中。当您附加代码时，您可以稍后通过id引用它们来操作它们。要小心 - 鸡蛋在鸡蛋之前，什么不是。

http://jsfiddle.net/qrggj2go/

<div id="test"/>

$("#test").append("<button id='test2'>Hi</button>");
$("#test2").click(function(){
    $("#test2").hide();
});

Answer 2

你的div有一个班级dialog，而你选择了#dialog。你应该说.dialog。

$('#dialog').attr('userid', userid);

DEMO

您应该避免向元素添加自定义attributes，使用HTML5中生成的data-attributes。

JQuery：添加附加的Elements的属性

2 个答案: