Добавить bootstrap всплывающих подсказок через jQuery

Question

Как бы я oop перебрал некоторые ссылки в div и применил к ним всплывающие подсказки Bootstrap на основе их текста заголовка. Так, например, мне понадобится это:

<a href="#" tile="link1">Link 1</a>
<a href="#" tile="link2">Link 2</a>
<a href="#" tile="link3">Link 3</a>

Чтобы стать таким:

<a href="#" data-toggle="tooltip" data-placement="bottom" tile="link1">Link 1</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" tile="link2">Link 2</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" tile="link3">Link 3</a>

Answer 1

Проверьте это:

$('a').each(function () {

    $(this).data('toggle', 'tooltip');
    $(this).data('placement', 'bottom');

    $(this).tooltip()
});

//for disable :
$('a').each(function () { 
    $(this).removeAttr("data-toggle");
    $(this).removeAttr("data-placement");
    $(this).tooltip('disable');
});

Answer 2

Попробуйте это: -

$('a').each(function(){
  $(this).attr({
    'data-toggle': 'tooltip',
    'data-placement': 'bottom',
  }).tooltip();
});
 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>



<a href="#" title="link1">Link 1</a>
<a href="#" title="link2">Link 2</a>
<a href="#" title="link3">Link 3</a>