如何访问和更改输入标签标题？答案

【问题标题】：How to access and change the input tag title?如何访问和更改输入标签标题？
【发布时间】：2014-02-28 16:15:22
【问题描述】：

这是我的 HTML 5 代码：

<input 
    id="submitting" 
    type="submit" 
    value="Submit" 
    class="btn btn-success" 
    data-toggle="tooltip" 
    title="<img src='images/Item-1.jpg' class='img-responsive'/>" 
    data-placement="right" 
    data-html="true" 
/>

在使用开发工具浏览时，我发现title不代表source中的字符串，而是data-original-title。

<input 
    id="submitting" 
    type="submit" 
    value="Submit" 
    class="btn btn-success" 
    data-toggle="tooltip" 
    title="" 
    data-placement="right" 
    data-html="true" 
    data-original-title="&lt;img src='images/Item-1.jpg' class='img-responsive'/&gt;"
/>

我需要更改标题以每次显示不同的图像。我已经尝试了所有我找到的东西，但显然我遗漏了一些东西。

【问题讨论】：

你不能把标签放在你的标题属性中。
你到底想要什么标题？因为标题通常应该只包含文本。如果您希望在将鼠标悬停在输入上时显示某种图像，您应该使用 javascript 来执行此操作。
你在使用插件吗？
stackoverflow.com/help/how-to-ask : "发布问题并回复反馈。发布后，将问题在浏览器中打开一会儿，看看是否有人cets。如果您错过了明显的信息，准备好通过编辑您的问题以包含它来做出回应。如果有人发布了答案，请准备好尝试并提供反馈！"。
感谢分享！不管你怎么尝试它都不会奏效。

标签： javascript jquery tags title

【解决方案1】：

尝试使用jQuery UI tooltip：

HTML：

<input 
    id="submitting" 
    type="submit" 
    value="Submit" 
    class="btn btn-success"
    title=""
/>

jQuery

$("#submitting").tooltip({ content: '<img src="images/Item-1.jpg"  class="img-responsive" />' });

JSFiddle

【讨论】：

我真的忘记了工具提示 :)
@Marcio 我认为这就是 OP 所追求的 :)
谢谢。使用 jquery 1.9.1 和 jquery ui 1.9.2 的任何理由？在您的示例中，它不适用于较新的版本。谢谢。

【解决方案2】：

我为此使用 jQuery 库，但基本上你应该这样做。 title 应该包含文本。

http://plnkr.co/edit/UQcBV2aHfZuyzYwWebXk?p=preview

【讨论】：

【解决方案3】：

您可以使用...访问标题

jQuery("input").prop("title");

您可以使用...更改标题

jQuery("input").prop("title", "Insert New Title");

【讨论】：

【解决方案4】：

对不起，伙计们，有时我想踢自己。在使用 bootstrap 3 和 Jquery 时，我发现的最好的 answqe 是：

var title=$("#submitting").attr('data-original-title');
$("#submitting").attr("title","data-original-title"); //making sure
$("#submitting").attr("data-original-title","some image" class='img-responsive'/>");

谢谢大家

【讨论】：