如何在jQuery中选择input标签中的'title'属性?

17

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

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

我需要一个选择器来选择 title 的值。


3
不应使用数字ID。 - Alex Ackerman
选择器匹配的是元素,而不是属性值。您能澄清一下您想要实现什么吗? - Frédéric Hamidi
@FrédéricHamidi想要实现的是获取title属性。 - felwithe
10个回答

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

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

@Alex部分正确,你可以使用数字,但id不能以数字开头。

在你的情况下,你应该这样选择输入:

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

$('#xyz').attr('title'); --> $('#xyz').attr('标题'); - BCsongor
也许我错了,但我认为“numeric”意味着“仅包含数字”。 :) - Alex Ackerman
1
啊,碰到了。虽然知道这个信息可能没什么用,但我还是想提一下。 - locrizak

3
我知道这是一篇旧文章,但这里有你的解决方案。
虽然var方法很方便,但您可以直接通过jQuery完成此操作而不使用var。比如说,如果您有一个id为“p-2”的段落(p),并且title属性值为RS4,并且您想将该段落着色为蓝色,您可以使用以下代码。
$("#p-2[title='RS4']" ).css("color", "blue");

如果标题属性值中包含“RS4”一词,例如title="Audi RS4 is fast",那么您可以使用~=方法。
$("#p-2[title~='RS4']" ).css("color", "blue");

希望这可以帮助到您。

1

使用

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

正如Alex所指出的那样,您不应该使用数字ID。

1
你使用CSS属性选择器。对于你的例子,它应该像这样:
$('input[title="information"]')

请参阅CSS属性选择器以获取更多有关根据属性选择标签的信息。


0

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


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

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

0

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

$('[type=abc]')

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

如果您想返回该属性,则使用它们。

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

此外,以数字开头的Id值是无效的,请修复。

0
尝试按照以下方式:
$("[title|='Tomorrow']")

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接