jquery - デリゲートを使用してクラスを交換する

Question

私はjqueryデリゲート関数を使用して、成功しないクラスを切り替えています。私が望むのは、のクラスを切り替えることです

<li class="unselected-values">

に

<li class="<li class="unselected-values">

クライアントがラベルをクリックしたとき、間違っているアイデア、提案、支援を歓迎します。thnx

    <ul class="option-list swatch pockets">
                            @foreach (var pvaValue in attribute.Values)
                            {                                    
                                <li class="unselected-values">
                                    <input id="@(controlId)_@(pvaValue.Id)" type="checkbox" value="@pvaValue.Id" checked="@pvaValue.IsPreSelected" />
                                    <label for="@(controlId)_@(pvaValue.Id)" style="background-image:url(@(pvaValue.MenuIcon))">@pvaValue.Name</label>
                                </li>
                            }
                        </ul>

<script type="text/javascript">
                      $(document).ready(function() {
                          $('.option-list swatch pockets').delegate('label', 'click', function(event) {
                              $(this).parent().toggleClass('selected-value');
                              console.log($(this).parent);
                              alert($(this).parent);
                              return false;

                          });


                      });
                                </script>