javascript - 如何在 jquery qTips 中获取选择器属性？

Question

我正在尝试获取也调用 jQuery qTips 的标记的“id”属性。设置如下:

$('.selector').qtip({
   content: {
      text: 'Loading...', // The text to use whilst the AJAX request is loading
      ajax: {
         url: 'getInfo.php', // URL to the local file
         type: 'GET', // POST or GET
         async: false,
         data: { id: $(this).attr('id')}, // !! PROBLEM HERE
         success: function(data, status) {

            // Set the content manually (required!)
            this.set('content.text', data);
         }
      }
   }

});

调用者是这样的:

<a href='http://www.google.com' class='selector' id='Jerome'>Jerome</a>

但由于某些原因 $(this).attr("id") 未定义。 qTip 出现但为空，GET 调用显示为未在 Firebug 中传递任何数据。我错过了什么？

谢谢!

编辑:另外，this.attr 返回“this.attr is not a function”

Answer 1

试试这个，它会解决你的问题。

$('.selector').each(function(index, item){
  $(item).qtip({
   content: {
      text: 'Loading...', // The text to use whilst the AJAX request is loading
      ajax: {
         url: 'getInfo.php', // URL to the local file
         type: 'GET', // POST or GET
         async: false,
         data: { id: $(item).attr('id')}, // !! PROBLEM HERE
         success: function(data, status) {

            // Set the content manually (required!)
            this.set('content.text', data);
         }
      }
   }

});

});