Как скрыть элемент по его атрибуту data?

Question

[Ainur Shakirov]

<a data-id='1' data-idi='5'>Пункт 1</a>
<a data-id='2' data-idi='3'>Пункт 2</a>
<a data-id='5' data-idi='6'>Пункт 3</a>
<a data-id='5' data-idi='9'>Пункт 4</a>

Задача такая, скрыть элемент не входящий в нужный диапазон id и idi.

Допустим выбрали мы "3", значит надо оставить:

<a data-id='1' data-idi='5'>Пункт 1</a>
<a data-id='2' data-idi='3'>Пункт 2</a>

а для "7":
<a data-id='5' data-idi='9'>Пункт 4</a>

Собственно вопрос:

Как поменять класс именно у не нужных элементов? Как их вообще отделить?

Заранее спасибо)

Answer 1

[Даниил Сорокин]

var num = 3;
var links = $('a');
links.each(function(){
!(+$(this).data('id') < num && +$(this).data('idi') > num)  ? $(this).addClass('hidden'); 
})

Comments

[Ainur Shakirov]

Спасибо! Чуть подкорректировал под себя:

function hideurs(ids){
var links = $('.ycar');
links.each(function(){
if (!($(this).data('id') <= ids && $(this).data('idi') >= ids)) $(this).hide(); else $(this).show();
})}

Answer 2

[Дмитрий Ковальский]

$("[data-id=something]").hide()
Можете этот код циклом прогнать по диапазону нужных значений атрибутов. Ну и признайтесь - даже не пытались гуглить?

UPD:

$("['data-id']['data-idi']").hide()
$("['data-id']['data-idi']").each(function(){
if($(this).data('id')<=something && $(this).data('idi')>=something)
{
$(this).show();
}
})

А так?

Comments

[Ainur Shakirov]

Гуглил. И ваш ответ вообще не подходит, ибо нужно:
1)сравнивать на больше/меньше
2)смотреть 2 атрибута.