如何突出每偉馳屬性的東西

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獲取數據信息-ID以下

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

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

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

其中給我的數據列表的數據信息編號

我想突出顯示僅以1結尾的數據信息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/