Elemento di filtro in base alla chiave / valore .data ()

Supponiamo di avere 4 elementi div con class .navlink, che, quando cliccati, usano .data()per impostare una chiave chiamata 'selected', su un valore di true:

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

Ogni volta che si .navlinkfa clic su un nuovo , vorrei memorizzare quello precedentemente selezionato navlinkper una successiva manipolazione. Esiste un modo semplice e veloce per selezionare un elemento in base a ciò che è stato memorizzato utilizzando .data()?

Sembra che non ci siano filtri jQuery : che si adattano al conto e ho provato quanto segue (all'interno dello stesso evento clic), ma per qualche motivo non funziona:

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

So che ci sono altri modi per ottenere questo risultato, ma in questo momento sono per lo più solo curioso di sapere se può essere fatto tramite .data().

il filtro funzionerebbe, ma è necessario restituire true sugli oggetti corrispondenti nella funzione passata al filtro affinché possa catturarli.

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

Solo per la cronaca, puoi filtrare i dati con jquery (questa domanda è piuttosto vecchia e jQuery si è evoluta da allora, quindi è giusto scrivere anche questa soluzione):

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

o, meglio (per le prestazioni):

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

oppure, se vuoi ottenere tutti gli elementi con data-selectedset:

$('[data-selected]')

Nota che questo metodo funzionerà solo con i dati che sono stati impostati tramite attributi html. Se imposti o modifichi i dati con la .data()chiamata, questo metodo non funzionerà più.

Possiamo creare un plugin abbastanza facilmente:

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

Utilizzo (controllo di un pulsante di opzione):

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

Ho notato due cose (potrebbero essere errori da quando l'hai annotato).

1. Hai perso un punto nel primo esempio ( $('.navlink').click)
2. Perché il filtro funzioni, devi restituire un valore ( return $(this).data("selected")==true)

Sembra più lavoro del suo valore.

1) Perché non avere solo una singola variabile JavaScript che memorizza un riferimento all'oggetto \ jQuery attualmente selezionato.

2) Perché non aggiungere una classe all'elemento attualmente selezionato. Quindi potresti interrogare il DOM per la classe ".active" o qualcosa del genere.