jquery - 如何使用 Bootstrap 4 和 jQuery 实时更改 Select 的标题属性？

Question

如何使用 Bootstrap 4 和 jQuery 实时更改 Select 的标题属性？看这段代码:

<div class="col-md-3">
    <div class="form-group disabled">
        <select class="selectpicker" data-style="select-with-transition" data-toggle="tooltip" data-placement="top" title="test" id="my-select">
            <option></option>
        </select>
    </div>
</div>

我尝试使用以下方法更改标题:

$(document).ready(function() {
    $('#my-select').prop('title', 'new content');
    $('[data-toggle="tooltip"]').tooltip();
});

或者:

$(document).ready(function() {
    $('#my-select').attr('title', 'new content');
    $('[data-toggle="tooltip"]').tooltip();
});

但是什么也没发生!怎么解决？

Answer 1

尝试一下:

$( "#my-select" ).attr({
  title: "new content"
});