Question

我有以下HTML列表：

<li class="info" data-info="" data-title="info 1" data-info-id="222643">…</li> 
<li class="info" data-info="" data-title="info 2" data-info-id="217145">…</li> 
<li class="info" data-info="" data-title="info 3" data-info-id="114942">…</li> 
<li class="info" data-info="" data-title="info 4" data-info-id="268474">…</li> 
<li class="info" data-info="" data-title="info 5" data-info-id="288901">…</li> 
<li class="info" data-info="" data-title="info 6" data-info-id="127051">…</li>

并且我使用以下javascript获取data-info-id

var information = $('.info');
var array = [];

information.each(function() {
  array.push($(this).attr('data-info-id'));
});

var joined = array.join('||');
console.log(joined);

这给了我data-info-id

的列表

我想突出显示仅以1结尾的data-info-id（最后2项）

Answer 1

让我为你做谷歌;）

http://api.jquery.com/attribute-ends-with-selector/

Answer 2

您可以这样做：

 var totalElems = document.getElementsByTagName('li').length; 
  for(var i =0;i<=totalElems; i++) {
    var elem = document.querySelectorAll('li[data-info-id$="1"]');
    elem[i].style.color = 'red';
  }

我也添加了一个DEMO：

<强> http://jsbin.com/xucakirici/2/

如何突出显示属性以某些内容结束的每个标记

2 个答案: