javascript - jquery获取动态span id值

Question

我在我的Web项目中添加了facebook SDK，并且我正在通过id打印所有值，但我有一个疑问。如何通过jquery或javascript获取动态id值。

我的代码

  FB.api('/me', function(response) {
    console.log('Successful login for: ' + response.name);      
    var fullname = document.getElementById('admin_name').innerHTML = response.name;
});

//通过html显示

<span id="admin_name"></span> 并且打印成功。

但是当我想通过 jquery 或 javascript 获取 id 值时，它会为 null 或为空。

//Jquery代码

$(document).ready(function () {
   var adminName = $("#admin_name").text();
   alert(adminName);
});

我的 Facebook 代码完整登录

function statusChangeCallback(response) 
{
   console.log(response);   
  if (response.status === 'connected') {
      testAPI();
  } 
}
function checkLoginState() {
   FB.getLoginStatus(function(response) {
   statusChangeCallback(response);
  });
}
window.fbAsyncInit = function() {FB.init({
 appId      : '12345678910',
 cookie     : true,  
 xfbml      : true,  
 version    : 'v2.2' 
});
FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
  });
};
// Load the SDK asynchronously
(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) 
       return;
       js = d.createElement(s); 
       js.id = id;
       fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
function testAPI() {
    FB.api('/me', function(response) {
      var fullname = document.getElementById('admin_name').innerHTML = response.name;
    });
}

并通过FB登录按钮调用电话

<fb:login-button max_rows="1" 
    size="large" 
    show_faces="false" 
    auto_logout_link="false"  
    onlogin="checkLoginState();">Login with Facebook
</fb:login-button>

Answer 1

你的问题是时间问题。 dom 将获取当前存在的值(value)，而不是很快就会存在的值(value)。当 $(document).ready 被调用时，您的 FB.api 还没有调用。因此，它将返回 null。 在调用 FB.api 后调用该函数。

以编程方式:

将您的警报代码粘贴到函数中

alertMe = function(){
    $(document).ready(function () {
       var adminName = $("#admin_name").text();
       alert(adminName);
    });
}

并在 FB API 完成其操作后调用该函数

FB.api('/me', function(response) {
    console.log('Successful login for: ' + response.name);      
    var fullname = document.getElementById('admin_name').innerHTML = response.name;
    alertMe(); //send the call for the alert
});