jquery tooltip - get attr возвращает undefined

Question

Я использую плагин jquery, tooltipster, и каждый раз, когда я пытаюсь получить атрибут элемента hover, который является формой svg, я получаю «undefined», например «$ (это) .attr ('id') ", когда я использую только $ (this) Я получаю " [object] [object] ". Итак, как я могу получить доступ к атрибутам элемента hover/clicked, такого как id, title? Спасибо

$(document).ready(function() { 
    $('circle').tooltipster({ 
     content: $('<span><img src="my-image.png" /><br>' + $(this).attr('id') + '</span>') 
    }); 
}); 

Answer 1

this не то, что вы ожидаете, что это будет.

Обычный шаблон для инициализации плагина, для которого требуются данные конкретного элемента, переданные параметрам, заключается в инициализации внутри цикла each.

$('circle').each(function(index, element){ 
    // now "this" is the element instance 
    $(this).tooltipster({ 
     content: $('<span><img src="my-image.png" /><br>' + this.id + '</span>') 
    }); 
}); 

Answer 2

Это то, что вам нужно.

$(document).ready(function() { 
    $('circle').tooltipster({ 
     content: $('<span><img src="my-image.png" /><br>' + $(this).attr('id') + '</span>') 
    }); 
}); 

Держите string part и javascript part ОТДЕЛЬНО.

Объединить его с помощью +, вот так.

'<span><img src="my-image.png" /><br>'+ $ (это) .attr ('ID') +'</span>'