用于bootstrap选择的动态工具提示

Posted 2021-04-13

当我将鼠标移到项目工具提示时，我需要添加动态工具提示以引导选择下拉列表文本应显示其值。但在我的例子中只显示静态文本或显示所有项目的值！（在图片中）[https://cdn1.imggmi.com/uploads/2018/9/7/21093ba294817db8cb4cf968e467fe64-full.png]如何将每个项目值放入项目工具提示？

谢谢

// in this I try to add each span text to each li element???
    var tooltipMap = {};
    $('#id').data('selectpicker').$lis.each(function () {
    var li = $(this);
    var elementtext = li.find('span.text').text();
    var tooltipString = tooltipMap[elementtext];
    if (tooltipString){
        li.tooltip({ trigger: 'hover', placement: 'right', title: tooltipString }); }

//show only static text inside tooltip for all loaded items
    $('#id').data('selectpicker').$lis.attr('title', 'static text').tooltip();}); 

答案

工作版

 $("#id").each(function (i) {

                if ( i > 0 ) {
                    var test= "title is : " + $(this).text();

                    $(this).attr("title", sube).tooltip();
                   //alert(test);
                }

        });

为静态文本工作

$('#id').on('shown.bs.select', function () {
$($(this).data('selectpicker').current.elements).attr('title', sube).tooltip();
 });