Jquery 배열 토글 값이 제대로 워킹되지 않습니다.

Question

내 체크 박스에 요소에 클래스를 추가하는 동시에 배열에 값을 푸시합니다. 사용자가 다시 요소를 클릭하면, 나는 클래스 이름을 제거하고 그리고 array.I의 값은 다음과 같은 기능을 사용하고 있습니다 :

var sv = []; 

    $(userLocales).click(function(){ 

        $(this).parent().toggleClass("red"); 
        var elementValue = $(this).val(); 

        if($.inArray(elementValue, sv) === -1){ 
         sv.push(elementValue) 
         console.log("add");//works 
        } else{ 
         $.grep(sv, function (value) { 
          return value != elementValue; 
         }); 
         console.log("remove");//works.. 
        } 

        console.log(sv);//always getting the value 
       }) 

문제 란 어떤 도움을 이해할 수있을 것이다?. 당신은 여전히 ​​여기가 바로 업데이트됩니다 jQuery를 솔루션을 찾고 경우 else 절에서

Answer 1

할 당신의 else 블록 :

sv = $.grep(sv, function (value) { 
    return value != elementValue; 
}); 

(JSFiddle : http://jsfiddle.net/PKCES/)

jQuery docum 유치 : http://api.jquery.com/jQuery.grep/

Answer 2

... 
} else{ 
    sv.splice($.inArray(elementValue, sv), 1); 
    console.log("remove");//works.. 
} 
... 

Answer 3

이

var index = sv.indexOf(elementValue); 
sv.splice(index, 1);