JQuery - 如何只定位文本输入元素的标题标签？

Posted 2023-04-18

【中文标题】JQuery - 如何只定位文本输入元素的标题标签？

【英文标题】：JQuery - How to only target the title tags of text input elements?

【发布时间】：2011-08-20 05:16:28

【问题描述】：

目前我正在使用两个插件，它们都查看标题标签，因此它们相互冲突。

我开始使用的是文本输入字段的工具提示，它以以下方式初始化：

$("[title]").mbTooltip

我想做的要么只针对文本框的标题，甚至是text类的标题。

我自己尝试过，但无法让它工作，我也没有在网上找到任何关于如何做到这一点的信息:(

【参考方案1】：

你可以试试这个：

$(".text[title][title!=]")

这将选择具有非空title 属性的text 类的元素

工作示例： http://jsfiddle.net/hunter/GdU7E/

---

或者这个：

$("input:textbox[title][title!=]")

这将选择具有非空title 属性的所有文本框input 元素

工作示例： http://jsfiddle.net/hunter/GdU7E/1/

【讨论】：

谢谢，使用 (".text[title]").mbTooltip( 让它工作

【参考方案2】：

如果您为这些标题添加一个类，或者更好的是，将 em 包装到标题中，您可以执行以下操作：

$(".text h1").mbTooltip

此外，据我所知，'title'标签仅用于指定文档的标题，不用作元素。

【讨论】：

[title] 选择具有标题属性的任何元素

我的错，以为他的意思是他在他的 html 中使用了标题标签

【参考方案3】：

对于您可以选择的所有文本框：

$(':text')

仅适用于具有 .text 类的文本框

$(':text.text')

jsfiddle 示例http://jsfiddle.net/tgejW/

【参考方案4】：

$('input[title][type="text"].text')

带有“文本”类的文本输入