访问动态添加的元素

Question

var $singleMember = '<a class="singleMember"><img class="avatar"><p class="username"></p></a>';

$singleMember.attr('href',member.link);
$singleMember.children('.avatar').attr('src',member.avatar);
$singleMember.children('.username').html(member.name);

为什么会抛出 "undefined is not a function"？

Answer 1

var $singleMember 只是一个字符串，因此 .attr() 和 .children() 将不起作用（因此您看到的错误）

切换为：

   var singleMember = '<a class="singleMember"><img class="avatar"><p    class="username"></p></a>';
   var $singleMember = $(singleMember);

   $singleMember.attr('href',member.link);
   $singleMember.children('.avatar').attr('src',member.avatar);
   $singleMember.children('.username').html(member.name);

访问动态添加的元素

Access dynamically added elements

jquery

dom