从属性中获取值为“ xyz”的HTML标签

Question

我有一个html标记，如下所示（未定义id或class ）：
<a href="#" letter="xyz">All</a>

我需要
我通过以下方式成功找到了属性：

var html_tag = $("a").find('[letter="xyz"]');
但它返回一个对象。

我需要获取html标记，以便可以将其用作：
$(html_tag).css('color','#FFFFFF');

或建议我任何其他解决方案，如果不可能的话。

Answer 1

$("a").find('[letter="xyz"]')将找到属性值为letter="xyz"的锚的后代

您需要使用带有锚标记的Attribute Equals Selector [name =” value”]

选择具有指定属性且其值与特定值完全相等的元素。

采用

$('a[letter="xyz"]').css('color','#FFFFFF');

您也可以使用.filter()

将匹配元素的集合减少到与选择器匹配或通过功能测试的元素。

$("a").filter('[letter="xyz"]').css('color','#FFFFFF');

Answer 2

您的代码正在尝试在锚定元素中找到字母attr等于xyz的元素。 不存在。 使用.filter()代替.find()将解决此问题。

但是，您可以简单地使用：

var html_tag = $('a[letter="xyz"]');

注意：您应该使用.data-*属性（在HTML5中添加）来添加自定义属性，因为添加自己的属性可能会破坏元素验证并使html无效（请参阅https://stackoverflow.com/a/1735239/1719752 ）。

Answer 3

使用以下代码

var anchorTag = $('a[letter="xyz"]');