從屬性中獲取值為“ 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"]');