Javascript jQuery-使用ajax发送不同的数据id属性

我有不同“数据id”属性的工具提示链接

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

---

我认为您应该采取另一种方法来解决这类问题，因为如果您采用元素的id属性，它将从顶部开始第一次出现

也许您可以尝试使用function并使用class属性而不是id

HTML:

---

它之所以只获取第一个数据id，是因为不能设置元素的相同id。获取每个链接的数据id。使用工具提示作为类，而不是ID

像这样

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

请参见此处有关如何获取每个数据id的示例：

---

首先，您正在使用jQuery使用id选择器。 jQuery id选择器只选择一个元素，不选择更多元素。 因此，工具提示仅应用于第一个链接

要正确，您应该添加新属性，例如tooltip链接，并删除两个链接中重复的id=“tooltip”，这是错误的

链接
链接2

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

$(document).on("mouseenter", ".tooltip", function(e){
    var html_data = $(this).data('id');
    $.ajax(...)
});

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

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