JS使用其属性指定HTML元素

时间:2017-09-29 02:49:16

标签: javascript jquery html

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

我只能用一个属性来做,但我没有研究任何有关多属性的内容。不知道我应该从哪里开始

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');

请帮助,谢谢。

1 个答案:

答案 0 :(得分:2)

要为一个元素使用多个属性,这将选择所有<a>两者您的data-hrefdata-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');