2014-10-20 52 views
-1

结束标签,我有以下的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项)

回答

0

你可以做这样的事情:

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/

+0

为什么当他已经在使用jQuery时,这很困难? ;) – MasterD 2014-10-23 12:55:44