如何检索 Bootstrap 中按钮的 tool-tip 文本?
How to retrieve tool-tip text of a button in Bootstrap?
下面是 HTML 片段。我想检索按钮的工具提示标题 (78) 并将其用于另一个功能。
<span class="btn btn-warning btn-sm" data-toggle="tooltip" data-placement="top" title="78" onclick="showToolTipTitle(event);">10:15 AM</span>
我尝试使用以下 javascript 代码来检索 tool-tip 标题,但它仍然不起作用:
function showToolTipTitle(event)
{
var title = $(event.target).attr("tooltip").text;
alert(title);
}
function showToolTipTitle(event)
{
var title = $(event.target).attr("title");
alert(title);
}
<script>
$(document).ready(function(){
$("button").click(function(){
var new_title = $(this).attr("title");
alert(new_title);
});
});
</script>
<button data-toggle="tooltip" data-placement="top" title="34">Display Tooltip</button>
下面是 HTML 片段。我想检索按钮的工具提示标题 (78) 并将其用于另一个功能。
<span class="btn btn-warning btn-sm" data-toggle="tooltip" data-placement="top" title="78" onclick="showToolTipTitle(event);">10:15 AM</span>
我尝试使用以下 javascript 代码来检索 tool-tip 标题,但它仍然不起作用:
function showToolTipTitle(event)
{
var title = $(event.target).attr("tooltip").text;
alert(title);
}
function showToolTipTitle(event)
{
var title = $(event.target).attr("title");
alert(title);
}
<script>
$(document).ready(function(){
$("button").click(function(){
var new_title = $(this).attr("title");
alert(new_title);
});
});
</script>
<button data-toggle="tooltip" data-placement="top" title="34">Display Tooltip</button>