我有一个表单输入元素,想改变它的标题属性。这是很容易的,但由于某种原因,我不知道如何做到这一点。这是如何做到的,我应该在哪里和如何搜索如何做到这一点?
当前回答
作为@Cᴏʀʏanswer的补充,请确保工具提示的标题尚未在HTML元素中手动设置。在我的例子中,工具提示的span类已经有一个固定的标题文本,因为这是我的JQuery函数$('[data-toggle="tooltip"]')。Prop ('title', '你的新标题');没有工作。
当我在HTML span类中删除title属性时,jQuery正在工作。
So:
<span class="showTooltip" data-target="#showTooltip" data-id="showTooltip">
<span id="MyTooltip" class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="this is my pre-set title text"></span>
</span>
应该becode:
<span class="showTooltip" data-target="#showTooltip" data-id="showTooltip">
<span id="MyTooltip" class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"></span>
</span>
其他回答
我相信
$("#myElement").attr("title", "new title value")
or
$("#myElement").prop("title", "new title value")
应该能行…
我认为你可以在jQuery文档中找到所有的核心函数,尽管我讨厌格式。
如果你正在创建一个div,并试图添加一个标题。
Try
var myDiv= document.createElement("div");
myDiv.setAttribute('title','mytitle');
另一种选择,如果你喜欢,将从jQuery对象中获取DOM元素,并使用标准DOM访问器:
$("#myElement")[0].title = "new title value";
正如其他人提到的,“jQuery方式”是使用attr()方法。请参阅attr()的API文档。
jqueryTitle({
title: 'New Title'
});
第一个标题:
jqueryTitle('destroy');
https://github.com/ertaserdi/jQuery-Title
在编写任何代码之前,让我们先讨论一下属性和属性之间的区别。属性是应用于HTML标记中的元素的设置;然后浏览器解析标记并创建各种类型的DOM对象,这些对象包含用属性值初始化的属性。在DOM对象(比如简单的HTMLElement)上,您几乎总是希望使用它的属性,而不是它的属性集合。
当前的最佳实践是避免使用属性,除非它们是自定义的,或者没有等效的属性来补充。由于title在许多htmlelement中确实作为读/写属性存在,我们应该利用它。
您可以在这里或这里阅读更多关于属性和属性之间的区别。
考虑到这一点,让我们来处理这个标题……
获取或设置一个元素的title属性不使用jQuery
因为title是一个公共属性,你可以在任何支持它的DOM元素上设置它:
document.getElementById('yourElementId').title = 'your new title';
检索几乎是一样的;这里没什么特别的:
var elementTitle = document.getElementById('yourElementId').title;
这将是改变标题的最快方式,如果你是一个优化坚果,但因为你想要jQuery参与:
使用jQuery获取或设置元素的title属性
jQuery在v1.6中引入了一个新的方法来获取和设置属性。要设置元素的title属性,使用:
$('#yourElementId').prop('title', 'your new title');
如果你想检索标题,省略第二个参数并捕获返回值:
var elementTitle = $('#yourElementId').prop('title');
查看jQuery的prop() API文档。
如果你真的不想使用属性,或者你使用的是v1.6之前的jQuery版本,那么你应该继续阅读:
使用jQuery获取或设置元素的title属性(版本<1.6)
你可以用下面的代码改变title属性:
$('#yourElementId').attr('title', 'your new title');
或者用:
var elementTitle = $('#yourElementId').attr('title');
查看jQuery的attr() API文档。
推荐文章
- HTML5文本区域占位符不出现
- 我如何捕捉Ajax查询后错误?
- jQuery:什么是限制“数字”仅输入文本框的最佳方法?(允许使用小数点)
- 在window.setTimeout()发生之前取消/终止
- 如何在AngularJS中有条件地要求表单输入?
- 检测当用户滚动到底部的div与jQuery
- 检测视口方向,如果方向是纵向显示警告消息通知用户的指示
- 禁用从HTML页面中拖动图像
- Jquery停止子事件触发父事件
- 使函数等待元素存在
- 我如何从一个URL获得片段标识符(哈希#后的值)?
- 将JS对象转换为表单数据
- 多模态叠加
- 如何从函数中禁用jQuery对话框中的按钮?
- 如何检查jQuery插件是否已加载?