如何在 jquery 的输入标签中选择“标题”属性？答案

【问题标题】：How can I select the 'title' attribute in an input tag in jquery?如何在 jquery 的输入标签中选择“标题”属性？
【发布时间】：2021-01-26 20:39:54
【问题描述】：

就像我们在 jquery 中有 ("#id_name"),(".class_name") (":input_type")..etc 这样的选择器，我如何从输入标签中选择 title 属性？

例如：< input type="abc" id="xyz" title="information" >

我需要一个选择器来选择标题值。

【问题讨论】：

【解决方案1】：

$('input[title="information"]');

【讨论】：

【解决方案2】：

$('input').attr('title');

@Alex 部分正确，你可以有数字，但 id 不能以数字开头。

在你的情况下，你会选择这样的输入。

$('#xyz').attr('title');

【讨论】：

【解决方案3】：

我知道这是一篇旧帖子，但这是您的解决方案。

var 方法可以非常方便，但您可以直接通过 jQuery 来完成此操作，无需 var。

假设您有一个 id="p-2" 且标题属性值为 RS4 的 p（段落），并且您希望将该段落着色为蓝色。您使用以下内容。

$("#p-2[title='RS4']" ).css("color", "blue");

另一种方法，如果在title="Audi RS4 is fast"的情况下title属性值中包含RS4字样，则可以使用~=方法。

$("#p-2[title~='RS4']" ).css("color", "blue");

希望对你有帮助

【讨论】：

【解决方案4】：

使用

var titleValue = $('#123').attr('title');

正如 Alex 指出的，您不应该使用数字 ID。

【讨论】：

【解决方案5】：

您使用 CSS 属性选择器。对于您的示例，它将是这样的：

$('input[title="information"]')

有关根据属性选择标签的更多信息，请参阅CSS attribute selectors。

【讨论】：

【解决方案6】：

<input type="abc" id="id_123" title="information" >
<script>
var title = $('#id_123').attr('title');
</script>

【讨论】：

【解决方案7】：

$('input').attr('title') 或 $('input[title="whatever"])

【讨论】：

【解决方案8】：

如果您想使用属性选择器按标题查询它们

$('[type=abc]')

您可以使用 [ATTRIBUTE=VALUE] 按属性进行过滤。

如果你想返回他们使用的属性

$(SELECTOR).attr('type');

另外，以数字开头和 Id 值是无效的，你应该解决这个问题。

【讨论】：

【解决方案9】：

尝试如下

$("[title|='Tomorrow']")

【讨论】：

【解决方案10】：

var title = $("#xyz").attr("title");
// console.log(title) will print **information**;

【讨论】：