[jquery] .data () 키 / 값을 기반으로하는 필터 요소

.navlink클릭하면 .data()라는 키 'selected'를 다음 값으로 설정하는 데 사용하는 class와 함께 4 개의 div 요소가 있다고 가정합니다 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
});

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

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

$('[data-selected]')

$.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);