javascript - jQuery .get() 循环所有 href

Question

$(function() {
   $.get('/viewonline',function(data) {
      var members = $('a.username');
      var location = $('a.location');
      var elems = $(data);
for (var i=0; i<members.length;i++) {
   var uname = members[i].text();
   var aname = members[i].href;
 $('.userlist_online').html('<a href="'+ aname +'">'+ uname +'</a>');
}
for (var j=0;j<location.length;j++) {
   var locaname= location[j].text();
   var locaaname = location[j].href;
 $('.userlist_views').html('<a href="'+ locaaname +'">'+ locaname +'</a>');
  }
 },'html');
});

上面的代码我试图循环遍历所有带有 username 和 location 类的 a href。因此上面的代码不会抛出任何错误，但它不会将任何数据发布到 div 中。

谁能帮我弄清楚我做错了什么？

Answer 1

这是我对可行的猜测:

$(function () {
    $.get('/viewonline', function (data) {

        data = $(data);
        var members = data.find('a.username');
        var location = data.find('a.location');

        for (var i = 0; i < members.length; i++) {
            var uname = $(members[i]).text();
            var aname = members[i].href;
            $('.userlist_online').append('<a href="' + aname + '">' + uname + '</a>');
        }
        for (var j = 0; j < location.length; j++) {
            var locaname = $(location[j]).text();
            var locaaname = location[j].href;
            $('.userlist_views').append('<a href="' + locaaname + '">' + locaname + '</a>');
        }
    }, 'html');
});

修复已完成:

• 通过在返回的数据中查找元素(而不是在当前文档中)来获取成员和位置。
• 在调用 text() 之前用 $() 包裹元素
• 填充列表时使用 append 而不是 html