javascript - JS 指定 HTML 元素及其属性

Question

我想通过指定其多重属性来引用元素

我可以只用一个属性来做，但我没有研究任何关于多个属性的东西。不确定我应该从哪里开始

var l_id = $(this).get(0).getAttribute('data-href');
$('a[data-href="'+l_id+'"]').css('color', '#C99A0C');

上面的工作正常，但我的标签 a 还有另一个名为数据类型的属性，我正在做类似下面的事情但失败了

var l_id = $(this).get(0).getAttribute('data-href');
var l_type = $(this).get(0).getAttribute('data-type');
$('a[data-href="'+l_id+'" data-type="'+l_type+'"]').css('color', '#C99A0C');

请帮忙，谢谢。

Answer 1

要为一个元素使用多个属性，这将选择所有 <a>与均您的data-href还有你的 data-type .

$('a[data-href="'+l_id+'"][data-type="'+l_type+'"]').css('color', '#C99A0C');

如果您尝试获取匹配其中一个或另一个的元素，这将匹配具有 data-href 的元素。以及带有 data-type 的元素.

$('a[data-href="'+l_id+'"],a[data-type="'+l_type+'"]').css('color', '#C99A0C');