jquery - 値に基づく jQuery リスト項目

Question

なぜこれがうまくいかないのか誰か教えてください。それが機能するjsfiddleの例があれば、それは素晴らしいことです。

これが私のjsfiddleです.. http://jsfiddle.net/kQXCM/3/

データに一致するli(times)を表示したいだけです

ID クロックは li にあります。結果は db からの時刻を保持します。例: 5.30PM コンソールを介したロギングは、正しい eval を検出しています。ありがとうございました。

jQuery(document).on('change', '#datebooked', function(e) {
    jQuery(".times li[clock='5.00PM'],[clock='5.30PM'],[clock='6.00PM'],[clock='6.30PM'],[clock='7.00PM'],[clock='7.30PM'],[clock='8.00PM'],[clock='9.30PM'],[clock='9.00PM'],[clock='8.00PM'],[clock='8.30PM']").show();

    //Selects the date id
    var id = jQuery(this).children(":selected").attr("id");
    //Store it in result
    result = data[++id].time;


    jQuery(".times li").each(function(idx, li) {

        jQuery.each(result, function(val, i) {

            var product = jQuery(li).attr("clock");
            if (i == product) {
                jQuery(".times li[clock='" + product + "']").show();
                console.log("EQUAL" + i + " = " + product);
            } else {
                jQuery(".times li[clock='" + product + "']").hide();
                console.log("NOT EQUAL");
            }
        });
    });
    //END list item loop
});