Елемент фільтра на основі ключа / значення .data ()

Скажіть, у мене є 4 діва елементи з класом .navlink, які при натисканні використовуються .data()для встановлення виклику ключа 'selected', до значення true:

$('.navlink')click(function() { $(this).data('selected', true); })

Кожного разу при .navlinkнатисканні на нову я хотів би зберегти вибране раніше navlinkдля подальшої маніпуляції. Чи існує швидкий і простий спосіб вибрати елемент на основі того, що було збережено .data()?

Здається, не існує жодного jQuery : фільтри, які відповідають рахунку, і я спробував таке (у межах однієї події клацання), але чомусь це не працює:

var $previous = $('.navlink').filter( 
    function() { $(this).data("selected") == true }
);

Я знаю, що є й інші способи досягти цього, але зараз мені просто цікаво, чи можна це зробити через .data().

ваш фільтр запрацював би, але вам потрібно повернути істину на відповідні об’єкти у функції, переданій у фільтр, щоб захопити їх.

var $previous = $('.navlink').filter(function() { 
  return $(this).data("selected") == true 
});

Тільки для запису, ви можете фільтрувати дані за допомогою jquery (це питання досить старе, і jQuery розвивався з того часу, тому правильно написати це рішення також):

$('.navlink[data-selected="true"]');

або, краще (для продуктивності):

$('.navlink').filter('[data-selected="true"]');

або, якщо ви хочете отримати всі елементи з data-selectedнабором:

$('[data-selected]')

Зауважте, що цей метод працюватиме лише з даними, встановленими через html-атрибути. Якщо встановити або змінити дані під час .data()виклику, цей спосіб більше не працюватиме.

Ми можемо зробити плагін досить легко:

$.fn.filterData = function(key, value) {
    return this.filter(function() {
        return $(this).data(key) == value;
    });
};

Використання (перевірка перемикача):

$('input[name=location_id]').filterData('my-data','data-val').prop('checked',true);

Я помітив дві речі (вони можуть бути помилками, коли ви це записали).

1. Ви пропустили крапку в першому прикладі ( $('.navlink').click )
2. Щоб фільтр працював, потрібно повернути значення ( return $(this).data("selected")==true)

Здається, більше роботи, ніж її варті.

1) Чому б просто не мати єдиної змінної JavaScript, яка зберігає посилання на обраний на даний момент елемент \ jQuery об'єкт.

2) Чому б не додати клас до вибраного в даний момент елемента. Тоді ви можете запитати DOM для класу ".active" або щось подібне.