时间戳

首页 > 解决方案 > 如何访问变量中自定义属性的值？

javascript - 如何访问变量中自定义属性的值？

问题描述

我有以下带有“data-id”属性的链接。

<a href="" class id="tooltip" data-id="38">Link</a>

在这种情况下，data-id 属性中的“38”应该使用 ajax 发送到我的服务器端脚本。问题是“data-id”值没有被拾取。

jQuery(function($) { 
  var html_data = $(this).attr("data-id");
                      
  $("#tooltip").tooltip({
    content: function(response) {
      $.ajax({ 
        url: "/datenbank/itemscript.php",
        data: { 'var': html_data },
        type: "GET"
      }).then(function( data ) {
        response( data );
      });
    },
    items: "*"
  });
});

如果我出于测试目的更改此设置

var html_data = $(this).attr("data-id");

至

var html_data = $.data(this, 'id', 38);

脚本正在运行。为什么没有$(this).attr("data-id");获取我的数据 ID 值？

标签： javascriptjquery

解决方案

如果你想让它工作，你应该搬家

var html_data = $(this).attr("data-id");

内部$("#tooltip").tooltip({方法

或者你可以做这样的事情

jQuery(document.ready(function($){
   var html_data = $('#tooltip').attr("data-id");

   $("#tooltip").tooltip({
     content: function(response) {
        $.ajax({ 
              url: "/datenbank/itemscript.php",
              data: { 'var': html_data },
              type: "GET"
       }).then(function( data ) {
              response( data );
       });
     },
    items: "*"
   });
});

推荐阅读