elemento de filtro basado en .data()/valor

Question

Decir que tengo 4 elementos div con la clase .navlink, que, cuando se hace clic, utilice .data() para establecer una clave llamada 'selected', a un valor de true:

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

Cada vez que se hace clic en un nuevo .navlink, me gustaría almacenar el navlink previamente seleccionado para su posterior manipulación. ¿Existe una manera rápida y fácil de seleccionar un elemento basado en lo que se almacenó usando .data()?

No parece haber ninguna jQuery : Filtros que se ajustaba perfectamente, y yo probamos el siguiente (dentro del mismo evento de clic), pero por alguna razón no funciona:

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

Sé que hay otras maneras de lograr esto, pero ahora estoy solo con curiosidad si se puede hacer a través del .data().

Answer 1

su filtro quiere trabajar, pero hay que volver true en objetos coincidentes en la función pasada al filtro para que los agarre.

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

Answer 2

Parece más trabajo de lo que vale.

1) ¿Por qué no tener una sola variable de JavaScript que almacena una referencia al objeto element \ jQuery seleccionado actualmente?

2) ¿Por qué no agregar una clase al elemento seleccionado actualmente? Entonces podrías consultar el DOM para la clase ".active" o algo así.

Answer 3

Dos cosas que noté (pueden ser errores de cuando la escribiste).

1. se ha perdido un punto en el primer ejemplo ($('.navlink').click)
2. Para el filtro funcione, usted tiene que devolver un valor (return $(this).data("selected")==true)

Answer 4

Sólo para que conste, que puede filtro en los datos con jQuery (esta pregunta es bastante antiguo, y jQuery evolucionado desde entonces, por lo que es adecuada para escribir esta solución también):

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

o, mejor (para un rendimiento):

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

o, si desea obtener todos los elementos con data-selected conjunto:

$('[data-selected]') 

Nota que este método sólo funciona con datos que se establecieron a través de HTML-atributos. Si configura o cambia los datos con la llamada .data(), este método ya no funcionará.

Answer 5

podemos hacer una función muy fácilmente:

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

Uso (comprobación de un botón de radio):

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